jQuery quicksearch plug-inはJavaScript製/jQuery用プラグインのオープンソース・ソフトウェア。業務アプリなどではデータをテーブルで一覧表示するニーズが多々発生する。だが表示して終わる訳ではなく、絞り込んだり、必要な情報を素早く見つけられる必要がある。[lsug]jQuery quicksearch plug-in[/slug]

ピクチャ 642.png

インクリメンタルに検索できる

 

何もしていない場合、ユーザはテーブルデータをブラウザの検索機能を使ったり、コピーして表計算ソフトウェアに貼り付けて探すような手間を必要とするだろう。簡易的な検索機能で良ければ、jQuery quicksearch plug-inを使ってみるのが良さそうだ。

jQuery quicksearch plug-inを使うと、テキストボックスの入力内容にマッチするテーブル行だけをインクリメンタルに絞り込むことが出来る。カラムの場所は無関係なので、この列の値がこの場合、といった具合に絞り込むことはできない。あくまでも簡易的な検索だ。

マッチしなかったデータは非表示することも、グレーアウトさせることも可能だ。また検索をAjaxで行い、結果を反映させることもできる。簡易的な検索はもちろん、全文検索的にこだわったものまで利用できる便利なライブラリだ。

 

riklomas’s quicksearch at master - GitHub

 http://github.com/riklomas/quicksearch