Question

我对knockout.js很新，我很高兴学习如何与它建立接口。但是在尝试使我的界面更有效时，我有一点墙。我想要实现的是仅删除由 $（'。document_checkbox'）。serializeArray（），选择的元素，其中包含revision_id。然后，我将使用对self.getDocument（）的修改调用将条目重新添加到视图模型，仅传递将重新添加的已修改记录。任何人都可以帮我如何根据 $（'。document_checkbox'）的'revision_id'值从数组中删除条目.serializeArray（） ？

function Document(data) {
    this.line_id = data.line_id
    this.revision_id = ko.observable(data.revision_id);
    this.status_id = ko.observable(data.status_id);
}

function DocumentViewModel() {
    var self = this;
    self.documents = ko.observableArray([]);

    self.getDocument = function(){
        //Reset arrays
        self.documents.removeAll();
        //Dynamically build section arrays
        $.getJSON("/Documentation/Get-Section", function(allData) {
            $.map(allData, function(item) {
                var section = { name: item.array_name, display_name: item.display_name, documents: ko.observableArray([])};
                self.documents.push(section);
            })
            //Add document objects to the arrays
            $.getJSON("/Documentation/Get-Document", function(allData){
                $.map(allData, function(item) { 
                var section = ko.utils.arrayFirst(self.documents(), function(documentSection) {
                    return documentSection.name === item.array_name;
                });
                section.documents.push(new Document(item));
                });
            });
        });
    }


    self.updateStatusBatch = function(data,event){
        $.post('/Documentation/Update-Status-Batch',
        { 
            revision_id : $('.document_checkbox').serializeArray(),
            status_id : event.currentTarget.value
        }).done(
        function(){
              //This is where I get confused.
        });
    }


}

Answer 1

您应该修改/ Documentation / Update-Status-Batch，以便它返回已删除的项目ID。因此，您可以在客户端删除它。

尝试这个“完成”功能：

function(removedItemId) {
    self.documents.remove(function(doc){ 
        return doc.status_id == removedItemId;
    })
}

查看remove功能。

我希望它有所帮助。

替换knockout.js中可观察数组中的特定项

1 个答案: