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/