jquery - SlickGrid - キーワード検索フィルターを機能させる

Question

私は開発中のプロジェクトに SlickGrid を採用しようとしています。ランダムに生成されたデータと CSS 以外に何もカスタマイズせずに、すぐに使用できる例を再作成することから始めています。現在機能していないのは検索機能だけです。私のコードを見て、私が間違っていることがあれば教えていただければ幸いです。リンクは次のとおりです。 http://www.tomryandesign.com/dev/datagrid/custom2/

Answer 1

この説明的な例を試してください。

var dataView = new Slick.Data.DataView();
var slickGrid = new Slick.Grid($('#grid_div'), dataView, gridColumns, gridOptions);
//Keyup event on search selector..
$('#search').keyup(function(e) {
 // clear on Esc
  if (e.which == 27) {
   this.value = "";
  }

  var searchList = $.trim(this.value.toLowerCase()).split(' ');
  dataView.setFilter(gridFilter);  
  slickGrid.invalidate();
  this.focus();

});
//This is custom logic for grid Filtering..
function gridFilter (rec) {
            var found;

            for (i = 0; i < gridSearchList.length; i += 1) {
                found = false;
                $.each(rec, function(obj, objValue) {
                    if (typeof objValue !== 'undefined' && objValue != null 
                    && objValue.toString().toLowerCase().indexOf(gridSearchList[i]) != -1) {
                        found = true;
                        return false; //this breaks the $.each loop
                    }
                });
                if (!found) {
                    return false;
                }
            }

            return true;
        }

これはあなたの要件に合うはずです。

グッド・ラック・ニックス