UIプロトタイプ：autocomplete (jQuery plug-in jSuggest)

昨日に引き続いて、今日も作成中の Google App Engine アプリ用のUI部品の作成。HTMLの一部に記述された（もしくは別途JSONで取得した）ワード・リストの入力を autocomplete を使って簡単にしようという試み（Google Suggestのようにダイナミックにリストを取得する必要はない）。 そこで、まずは既存のライブラリ・プラグインの調査から。必要とする人も多いようで、少し調べただけで２０個ぐらい見つかる。デモを見て５つに絞ってからそれぞれのソースコードを解析。例によってどうしようもない品質のコードもあるので、結局のところたどり着いたのは、比較的コードがきれいなこの二つ。 jQuery Autocomplete Mod JQuery Plugins by Dylan Verheul - autocomplete どちらかをそのまま使っても良かったのだが、どちらも

[kasedac]

"HTMLの一部に記述された（もしくは別途JSONで取得した）ワード・リストの入力を autocomplete を使って簡単にしようという試み…「HTMLはView、JavaScriptはController」"

[paulownia]

これ使いやすそう

[Lhankor_Mhy]

シンプルなサジェストをするjQueryプラグイン/ GAEは30秒制限があるから、ついついajaxに頼りたくなるんだよね。

[lanius]

月名のオートコンプリート機能の実装。

[cyokodog]

ほんとだ！operaダメなんですね（preventDefaultやstopPropagationもダメでした）面倒だけどフラグもってform の submitイベントでキャンセするしかなさそう→keypressならcancelできた！

[hiroomi]

そこで、まずは既存のライブラリ・プラグインの調査から。必要とする人も多いようで、少し調べただけで２０個ぐらい見つかる。