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

Question

我对knockout.js很陌生，我很享受学习如何使用它的接口。但是我试图让自己的界面更高效一些，但是我有一些壁垒。我试图实现的只是删除由$（'。document_checkbox'）。serializeArray（），选择的元素，其中包含revision_id。然后，我将通过修改对self.getDocument（）的调用将条目重新添加到视图模型，只传递将被重新添加的修改过的记录。任何人都可以帮助我如何根据'revision_id'值$（'。document_checkbox'）。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功能。

我希望它有帮助。