jquery ColdFusion打造Autocomplete功能 - 查爾斯實驗室

来源:百度文库 编辑:神马文学网 时间:2024/04/29 00:29:46
jquery+ColdFusion打造Autocomplete功能
主題:简体中文,Adobe,經驗分享,網路資源
建立:2007 年 6 月 19 日, 當當
人氣指數:931
最近在聼Autocomplete的功能討論很熱,什麽是autocomplete呢?其實說白了就是google現在在搜索上使用的,隨著輸入的string來提示用戶所需要自動完成的string功能。典型的就是google suggest

網上爬文還真找到用coldfusion+jquery的例子,但當我看完那個后,感覺那個太複雜了,所以自己就簡化了一個給大家try下。這個插件的網址是點這裡,大家可以到這裡看下説明文檔知道下jquery要怎麽用
下面是search.cfm的code:






Local City Autocomplete: 




// create an array from arugments
function createCityQuery(){
var q = queryNew("CityId, City");
var i = 0;
var len = arrayLen(arguments);
for( i=1; i lte len; i=i+1 ){
queryAddRow(q);
querySetCell(q, "CityId", i);
querySetCell(q, "City", trim(arguments[i]));
}
return q;
}
// create an query from a list of cities
getCities = createCityQuery(
"Aberdeen", "Ada", "Adamsville", "Addyston", "Adelphi", "Adena", "Adrian", "Akron"
);


select CityId, City from getCities



也有人用atlas做出來的,點這裡察看,
另外我要説明的是,例子上的query是我額外加的,大家可以使用從db提供的query,也可以採用xml的結構,總之只要構造成query傳入組成ajax的array就ok,另外下拉的list的顯示樣式也可以調成和google的一樣,主要是你要用js去把你想要的效果構造出來,無非一些js的"+"的使用罷了。