替換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功能。

我希望它有幫助。