MVC Knockout.js

Question

我能夠創建一個動態表單與此鏈接

var viewModel = { 
    users : ko.observableArray(), 
    addUser : function() { 
     this.users.push({ 
      name : ko.observable(), 
      choicestring : ko.observable() 
     }); 
    } 
}; 

viewModel.addUser(); 

ko.applyBindings(viewModel); 

我的問題是我不知道如何刪除我已經添加了控制， 會怎麼做我的幫助，使用Knockout.js

感謝和問候

Answer 1

Knockout的可觀測陣列有一個.remove(item)函數可以爲你做到這一點。所以，你可以添加到您的視圖模型：

removeUser : function (user) { 
    this.users.remove(user); 
} 

再用鋼絲起來是這樣的：

<ul data-bind="foreach: users"> 
    <li> 
     <span data-bind="text: name"></span> 
     (<a href="#" data-bind="click: function() { $parent.removeUser($data); }">Remove</a>) 
    </li> 
</ul> 
<button data-bind="click: addUser">Add user</button> 

的jsfiddle例如：http://jsfiddle.net/8zR5u/

Answer 2

通常它的類似的東西（有效期的WebAPI所以對於MVC以及）：

self.remove = function (product) { 
     // First remove from the server, then from the view-model. 
     $.ajax({ type: "DELETE", url: baseUri + '/' + product.Id }) 
      .done(function() { self.products.remove(product); }); 
    }