backbone.js를 사용하여 검색 양식을 만드는 방법

Question

저는 처음으로 Backbone.js와 협력하여 작동 방식을 고민하고 있습니다. 나는 검색 양식을 만들고 싶지만 시작 지점에 머물러있다.

여기 내 입력 검색 상자

<input type="txt" name="" class="mysearch"> 

이고 나는이 검색 상자 안에 입력 할 때 (콘솔) 뭔가를 인쇄 할. 그러나 예상대로 작동하지 않습니다.

jQuery(document).ready(function(){ 
var mymodel= Backbone.Model.extend({ 
    defaults:function(){ 
     return{ 
     name:'' 
     } 
    } 
}); 

var mycollection=Backbone.Collection.extend({ 
    model:mymodel 
}); 
var mynewcollection= new mycollection(); 
var myview=Backbone.View.extend({ 
    model:mynewcollection, 

    el:'.mysearch', 
    initialize:function(){ 
     console.log("initialize");    
    }, 
    events:{ 
     'keypress .mysearch':'search' 
    }, 
    search:function(){ 
     console.log("at search"); 
    } 
}); 
new myview; 
    console.log("starting"); 
});  

무엇이 실종되었는지 모르겠다. 어떤 도움이라도 멍청한 질문에 대해 감사하고 유감스럽게 생각합니다.

Answer 1

보기의 컨텍스트를 .mysearch (el:'.mysearch')으로 설정하고 동시에 뷰 범위 아래의 .mysearch 요소가 방출 한 이벤트를 수신하려고합니다. 기본적으로 .mysearch .mysearch 요소를 듣고 자 노력 중이며 설정에서 작동하지 않습니다.

var myview=Backbone.View.extend({ 
    el:'.mysearch', 
    initialize:function(){ 
     console.log("initialize");    
    }, 
    events:{ 
     'keypress':'search' 
    }, 
    search:function(){ 
     console.log("at search"); 
    } 
}); 

그리고 데모 나에 대한 작업 @nikoshr https://jsfiddle.net/9kwhw5yj/