MAX Factory

Icon

モバイル(フィーチャーフォン、スマートフォン、タブレット)を中心とした技術メモ

[coldfusion8]auto-suggest

coldfusion8からAjaxの導入されました。(このアドビサイトの「理由3」)

<!--- Get data --->
<cfquery datasource="cfartgallery" name="data">
SELECT artname
FROM art
ORDER BY artname
</cfquery>
<!--- The form --->
<cfform>
Art:
<!--- Populate auto-suggest control --->
<cfinput type="text"
name="artname"
autosuggest="#ValueList(data.artname)#">
</cfform>

Adobeサイトからの引用

こちらの機能を利用してオートサジェスト機能実装しました。
非常に簡単に(5分ぐらいで)実装できます。
ただ、、動作が不安定な気がします。。

■サンプル:キーワードで「カシス」と入力後、「ス」削除で確認できます。
なぜか「カシス」と入力したタイミングでは動作しない。。
http://cocktail-recipe.in/search/
※coldfusion勉強用に作成したカクテルレシピサイトです。

Category: coldFusion入門

Tagged: ,

 

2010年1月
« 12月   2月 »
 123
45678910
11121314151617
18192021222324
25262728293031