KnockOut Paged Gridの行を削除する方法は？

Question

マイビュー：

<div data-bind='simpleGrid: gridViewModel'> </div> 

    <button data-bind='click: addItem'> 
     Add item 
    </button> 

    <button data-bind='click: sortByName'> 
     Sort by name 
    </button> 

    <button data-bind='click: jumpToFirstPage, enable: gridViewModel.currentPageIndex'> 
     Jump to first page 
    </button> 

マイビューモデル：

var initialData = [ 
    { name: "Well-Travelled Kitten", sales: 352, price: 75.95 }, 
    { name: "Speedy Coyote", sales: 89, price: 190.00 }, 
    { name: "Furious Lizard", sales: 152, price: 25.00 }, 
    { name: "Indifferent Monkey", sales: 1, price: 99.95 }, 
    { name: "Brooding Dragon", sales: 0, price: 6350 }, 
    { name: "Ingenious Tadpole", sales: 39450, price: 0.35 }, 
    { name: "Optimistic Snail", sales: 420, price: 1.50 } 
]; 

var PagedGridModel = function(items) { 
    this.items = ko.observableArray(items); 

    this.addItem = function() { 
     this.items.push({ name: "New item", sales: 0, price: 100 }); 
    }; 

    this.sortByName = function() { 
     this.items.sort(function(a, b) { 
      return a.name < b.name ? -1 : 1; 
     }); 
    }; 

    this.jumpToFirstPage = function() { 
     this.gridViewModel.currentPageIndex(0); 
    }; 

    this.gridViewModel = new ko.simpleGrid.viewModel({ 
     data: this.items, 
     columns: [ 
      { headerText: "Item Name", rowText: "name" }, 
      { headerText: "Sales Count", rowText: "sales" }, 
      { headerText: "Price", rowText: function (item) { return "$" + item.price.toFixed(2) } } 
     ], 
     pageSize: 4 
    }); 
}; 

ko.applyBindings(new PagedGridModel(initialData)); 

そして、ここでは私のjsFiddleです：http://jsfiddle.net/rniemeyer/QSRBR/

私はすべての行を削除できるようにしたいです。私は、各行の削除操作の最後に取得したい。私はどうすればいいですか？前もって感謝します。私はあなたの答えを待っているみんな。

Answer 1

ノックアウトコンポーネントは、それらに関連付けられたデータに基づいています。

行を削除するには、関連する配列を操作するだけです。

Sample JSFiddle。

私はちょうどデモの目的のためにarray.shiftとarray.popを使用している

注意。 array.spliceを調べると、間にある行が削除されます。