jquery - jqgridでのフィルタリングのようなExcel

Question

私はjqueryとjqGridを初めて使用します。私はそれに苦労しています.jqGridでフィルタリングヘッダーが必要なことをJqGridで助けてくれる人が必要です.Olegによって行われたデモを見つけたときにそれを探します。しかし、チェックボックスを選択するときにチェックボックスが必要です。検索値はExcelフィルタリングと同じようにフィルタリングする必要があります。誰かを助けてください。

私も実装を見つけましたが、それは私にはうまくいきません。私はそれをひどく必要としているので、それで私を助けてください。

前もって感謝します

Answer 1

「Excelのようなフィルタリング」のような言葉は、人によって解釈が異なるため、好きではありません。だから私はそれをどのように解釈するかという方法で答えなければなりません。

EricHyndsによって作成されたjQueryUIMultiSelectウィジェットを使用する必要があると思います。私はそれを使用する方法を示す前にいくつかの答えとデモを書きました。

デモでは、jQuery UI MultiSelectウィジェットをツールバー検索と一緒に使用して、「Excelのようなフィルタリング」を実装する方法を示します。

ちなみに、回答のjQuery UIオートコンプリートの値のように、複数選択ウィジェットによって動的に表示される値のリストを作成できます。

対応するデモ（thisとthis ）を含む別の回答（thisとthis ）は、ウィジェットを使用して編集する方法を示しています。

更新：更新されたデモでは、jqGrid 4.4.1、jQuery UI 1.8.24、jQuery 1.8.2、およびgithubからダウンロードしたjQuery UI Multiselectの現在のバージョン（2012年9月29日からのバージョン1.13.6）を使用しています。

更新2：回答には、「更新」ボタンを使用する場合に必要なbeforeClearコールバックが含まれています。filterToolbar答えには、jqGrid4.6.0を使用する更新されたデモが含まれています。