6

この例のフィルターの機能が気に入っています。

http://mleibman.github.com/SlickGrid/examples/example-header-row.html

ここで、各列には独自のフィルターがありますが、次のフィルターの機能も必要です。

http://mleibman.github.com/SlickGrid/examples/example4-model.html

ボタンをクリックすることで非表示および表示できるという点で。

2番目のリンクからのフィルターの「非表示機能」を使用して、最初のリンクからフィルターを取得することは可能ですか？ありがとう！

4

1 に答える 1

7

はい、そうです。最初の例のメソッドgrid.hideHeaderRowColumns()を使用して、フィルターバーを非表示にすることができます。次に、を使用grid.showHeaderRowColumns()してもう一度表示します。

たとえば、最初のリンクに移動し、URLバーの内容を次のように置き換えます。

javascript:grid.hideHeaderRowColumns()

Enterキーを押します。フィルタバーが上にスライドして離れるのが見えるはずです。最初のサンプルコードからアプリをビルドしている場合は、これらの関数をほぼどこからでも呼び出すことができるはずです。

<input type="button" onclick="grid.hideHeaderRowColumns();" value="Hide Filter" />

2番目の例では、作成者は次のコードを使用して、事前定義されているが非表示の要素をスタイル付きヘッダーバーに追加していることに注意してください。

// move the filter panel defined in a hidden div into grid top panel
$("#inlineFilterPanel")
    .appendTo(grid.getTopPanel())
    .show();

そして隠された要素：

<div id="inlineFilterPanel" 
         style="display:none;background:#dddddd;padding:3px;color:black;">
    Show tasks with title including 
      <input type="text" id="txtSearch2">
    and % at least &nbsp; 
      <div style="width:100px;display:inline-block;" id="pcSlider2"></div>
</div>
于 2011-07-09T16:28:38.067 に答える