Jquery Autocomplete 結(jié)合asp.net使用要點
更新時間：2010年10月29日 14:14:01 作者：
Jquery的Autocomplete是一個很好的智能提示插件，但是在實際使用過程中還是會遇到一些小問題.
問題1：從webserver或者一般應(yīng)用處理程序(.ashx)程序得到j(luò)son字符串時不能自動識別，被解釋成了string類型的。其實解決這個問題不是很難，只需要重載一個方法即可，下面把部分代碼貼出來:標(biāo)紅的部分需要注意。
$("#txt").autocomplete("/Asmx/ExecutePlan.ashx", {
extraParams:{hosid:HosID,profid:ProfID},
minChars: 0,
max: 700,
mustMatch: true,
autoFill: true,
selectFirst: true,
scrollHeight: 220,
width:640,
scroll:true,
parse: function(data){
var obj=eval("("+data+")");
var row = [];
for(var i = 0; i<obj.length; i++){
row[i] = {data:obj[i], //json
value: obj[i].instName, //列表中中的值
result: obj[i].instName}; //顯示到下拉列表中的
}
if(obj.length == 1)
{
// $("#hfInstID").val(obj[0].executeID);
// $("#Button1").click();
}
return row;
} ,
formatItem: function(row, i, total) {
},
formatMatch: function(row, i, max) {
},
formatResult: function(row, i, max) {
}
});
這樣問題就可以解決了，但是出現(xiàn)了一個新的問題，就是formatItem和formatMatch兩個事件都失效了，暫時不知道怎么解決。但是要是想在填入結(jié)果時做一些操作還是可以實現(xiàn)的，那就是調(diào)用這個方法，要注意，這個是和前一個$("#txt").autocomplete分開寫的，寫在上面那個綁定方法的最下面就好了。
$("#txt").result(function(event, data, formatted) {
});
具體的參數(shù)含義可以參考官方的開發(fā)文檔。目前我用到的功能就這么多，以后如果遇到新的再補(bǔ)充。
補(bǔ)充一點：$("#txt").flushCache();方法是用來清空autocomplete緩存的，有時候改變參數(shù)后會有緩存遺留問題。
復(fù)制代碼 代碼如下:
$("#txt").autocomplete("/Asmx/ExecutePlan.ashx", {
extraParams:{hosid:HosID,profid:ProfID},
minChars: 0,
max: 700,
mustMatch: true,
autoFill: true,
selectFirst: true,
scrollHeight: 220,
width:640,
scroll:true,
parse: function(data){
var obj=eval("("+data+")");
var row = [];
for(var i = 0; i<obj.length; i++){
row[i] = {data:obj[i], //json
value: obj[i].instName, //列表中中的值
result: obj[i].instName}; //顯示到下拉列表中的
}
if(obj.length == 1)
{
// $("#hfInstID").val(obj[0].executeID);
// $("#Button1").click();
}
return row;
} ,
formatItem: function(row, i, total) {
},
formatMatch: function(row, i, max) {
},
formatResult: function(row, i, max) {
}
});
這樣問題就可以解決了，但是出現(xiàn)了一個新的問題，就是formatItem和formatMatch兩個事件都失效了，暫時不知道怎么解決。但是要是想在填入結(jié)果時做一些操作還是可以實現(xiàn)的，那就是調(diào)用這個方法，要注意，這個是和前一個$("#txt").autocomplete分開寫的，寫在上面那個綁定方法的最下面就好了。
$("#txt").result(function(event, data, formatted) {
});
具體的參數(shù)含義可以參考官方的開發(fā)文檔。目前我用到的功能就這么多，以后如果遇到新的再補(bǔ)充。
補(bǔ)充一點：$("#txt").flushCache();方法是用來清空autocomplete緩存的，有時候改變參數(shù)后會有緩存遺留問題。
相關(guān)文章
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)搜索功能,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-03-03
這篇文章主要介紹了js操作模態(tài)窗口及父子窗口間相互傳值,需要的朋友可以參考下2014-06-06
JS實現(xiàn)駝峰字符串轉(zhuǎn)下劃線字符串的三種方法
這篇文章主要介紹了js下劃線和駝峰互相轉(zhuǎn)換的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2023-11-11
這篇文章主要介紹了JS三級聯(lián)動代碼格式實例詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-12-12
使用clipboard.js庫實現(xiàn)復(fù)制剪切功能
這篇文章介紹了clipboard.js實現(xiàn)復(fù)制功能的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
這篇文章主要為大家詳細(xì)介紹了微信小程序單選框組應(yīng)用，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07 
JavaScript?提供了?automatic?semicolon?insertion?(ASI)自動插入分號規(guī)則,在不加分號的情況下,會自動補(bǔ)充分號來分隔不同語句,下面我們就來具體了解一下這一規(guī)則吧
2024-01-01 
微信小程序防止多次點擊跳轉(zhuǎn)和防止表單組件輸入內(nèi)容多次驗證功能（函數(shù)防抖）
這篇文章主要介紹了微信小程序防止多次點擊跳轉(zhuǎn)和防止表單組件輸入內(nèi)容多次驗證功能（函數(shù)防抖）,需要的朋友可以參考下
2019-09-09 
這篇文章主要介紹了淺談es6中的元編程，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-12-12