2016-03-27 6 views
1

リモートjsonデータから空きの場合はjqgridを解放します。 コードjqgridに20以上の行がある場合にのみフィルタツールバーを表示する方法

$(function() { 
    $grid.jqGrid('filterToolbar', { 
     stringResult: true, 
     searchOnEnter: true, 
     defaultSearch: 'cn' 
    }); 
    // http://stackoverflow.com/questions/34475094/how-to-make-html5-date-field-in-search-toolbar-to-respect-column-width 
    $(".ui-search-table input[type=date]").each(function() { 
     $(this).css("width", $(this).closest("th.ui-th-column").width() + "px"); 
    }); 

は、フィルタツールバーの作成に使用されます。

時にはグリッドが空であるか、または少数の行が含まれています。この場合、フィルタツールバーは混乱します。空のグリッドユーザーの場合、この行にデータを入力すると新しい行が追加されると考えられます。これはユーザーを混乱させます。

グリッドが20行以上含まれている場合にのみ、フィルタツールバーを表示するにはどうすればよいですか?

答えて

1

loadCompleteの中での値をテストできます。これは、グリッド内のレコードの総数です。値が20行に満たない場合は、toggleToolbarを呼び出してフィルタツールバーを表示/非表示にすることができます。

jqGridには現在、ツールバーが現在表示されているテストに使用できる直接的な方法はありません。 this.ftoolbar$("#grid")[0].ftoolbar)を使用してフィルタツールバーが既に存在するかどうかをテストし、$(this.grid.hDiv).find("tr.ui-search-toolbar").css("display") === "none"を使用してフィルタツールバーが既に非表示になっているかどうかをテストできます。

関連する問題