더북(TheBook)

6.2.7 텍스트 클릭 시 수정 모드로 변환

마지막으로 라인(tr)의 텍스트를 클릭하면 현재 라인을 수정 모드로 전환하는 코드를 추가해보자.

~/Projects/addressBook/client/addressList.js

...생략...
Template.addressListItem.events({
    'click button[name=remove]' (evt,tmpl){
        AddressBook.remove( { _id : this._id } );
    }
    ,
    'click button[name=modify]' (evt,tmpl){
        Session.set("editItem",this._id);
    }
    ,
    /* 수정 모드에서 저장 버튼 구현 */
    ...생략...
    ,
    /* 수정 모드에서 취소 버튼 구현 */
    ...생략...
    ,
    /* 뷰 모드에서 텍스트 버튼 클릭 시 수정 모드로 전환 */
    'click .edit-thing' (evt,tmpl){
        Session.set("editItem",this._id);
    }
});
...생략...

수정 모드에서 뷰 모드로 전환하기 위해 Session.set("editItem",null)로 저장했다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.