ノックアウトjsを使用したフィルタリングテーブル

Question

Iノックアウトを使用して表示されるテーブルがあります。私は、クライアント側のテーブルを検索するために使用されるテキストボックスを持っています。検索テキストボックスに基づいて私はテーブルをフィルタリングする必要があります。 ノックアウトバージョン-knockout-3.4.0.jsを使用しています。ほとんどのサンプルはノックアウトの旧バージョンに基づいています。希望する の結果を達成するための簡単な方法はありますか？表には約4つの列があり、各列には3つのフィールのグループがあります。だから基本的に私は各列のフィールドのすべてのグループ を検索し、UIで結果を更新する必要があります。

Answer 1

ここで定義されているko.utils.arrayFilterが必要だと思います。ここ

http://www.knockmeout.net/2011/04/utility-functions-in-knockoutjs.html

フィドルです。ここ

https://jsfiddle.net/0o89pmju/23/

上記ノックアウトユーティリティー機能のWebサイトからコピーしたフィルタです。

//filter the items using the filter text 
viewModel.filteredItems = ko.computed(function() { 
    var filter = this.filter().toLowerCase(); 
    if (!filter) { 
     return this.items(); 
    } else { 
     return ko.utils.arrayFilter(this.items(), function(item) { 
      return ko.utils.stringStartsWith(item.name().toLowerCase(), filter); 
     }); 
    } 
}, viewModel);