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); });
    }