CakePHP2.xでtypeahead.jsを使う

こんにちは sohnishi です。

typeahead.jsを使って入力補完機能を使ってみようと思います。

まずはhttps://github.com/twitter/typeahead.js/

からjsを落としましょう。

 

フロントのコード全文です。

typeahead.bundle.min.jsを読み込み、

Bloodhoundを初期化します。

各オプションの説明は、

https://github.com/twitter/typeahead.js/blob/master/doc/bloodhound.md#options

に詳しく載っています。

その後、inputフィールドに対して、Typehead を有効にします。

 

 

サーバーサイドです。

 

受け取った値を元に検索し、値を返す。普通の処理です。

本日は以上です。それでは!

“CakePHP2.xでtypeahead.jsを使う” への 0 件のフィードバック

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です