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

Наблюдаемые массивы нокаута имеют функцию .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); }); 
    }