버튼을 클릭 한 후 backbone.js의 텍스트 필드를 지우려면 어떻게해야합니까?

Question

입력 한 내용이 HTML 파일입니다. 내 버튼은 js 파일에 있습니다. 임 초보자 여기 가르쳐주세요. 여전히 백본을 혼동합니다 .js

var ListView = Backbone.View.extend({ 
    el: $('body'), 
    events: { 
     'click button#add': 'addItem' 

    }, 
    initialize: function() { 
     _.bindAll(this, 'render', 'addItem', 'appendItem'); 

     this.collection = new List(); 
     this.collection.bind('add', this.appendItem); 

     this.counter = 0; 
     this.render(); 
    }, 

    render: function() { 
     $(this.el).append("<button id='add' class='btn btn-primary clear'>Add Items</button>"); 
     $(this.el).append("<ul class='ul_adjust'></ul>"); 
     _(this.collection.model).each(function (item) { 
      appendItem(item); 
     }, this); 
    }, 

    addItem: function() { 

     var item = new Item(); 
     item.set({ 
      part1: $("#name").val() 
     }); 

     this.collection.add(item); 
    }, 
    appendItem: function (item) { 
     var itemView = new ItemView({ 
      model: item 
     }); 

     $('ul', this.el).append(itemView.render().el); 
    }, 


}); 

당신이 얻었습니까? 일부는 제거 할 필요가 없지만 여기에 삽입 될 것입니다.

Answer 1

events 버튼을 클릭하면 addItem 기능을 호출하도록 events이 설정됩니다. 따라서 동일한 기능의 텍스트 상자 #name을 삭제하면됩니다.

나는 간단하게 할 것이다 :

$("#name").val(""); 

당신의 addItem 함수의 끝에서, 당신은 더 이상 필요하지 않을 때 this.collection.add(item); 그렇게 값 만 해결되면.