為了實現類似搜尋引擊自動完成的功能,
上網找有沒有現成的套件可以使用,
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
jQuery提供不少好用的套件,
不過產生了一個問題,
如果我畫面上使用UpdatePanel則會沒有反應,
上網查了一下,原來是這個套件不支援非同步動作,
必須下載新版的jQuery並使用live綁定
原始:
$("#ctl00_ContentPlaceHolder1_TextBox8").autocomplete('Return_B.aspx?q=a',
{
delay: 200,
highlight: false,
multiple: true,
multipleSeparator: " ",
scroll: true,
scrollHeight: 300
});
改成:
$("#ctl00_ContentPlaceHolder1_TextBox8").live("keypress",function(){
$(this).autocomplete('Return_B.aspx?q=a',
{
delay: 200,
highlight: false,
multiple: true,
multipleSeparator: " ",
scroll: true,
scrollHeight: 300,
});
});
使用live()綁定之後雖然自動完成有反應,
不過每次自動搜尋出結果後,
又回來初始的搜尋結果,
只好暫時先把這個畫面的UpdatePanel拿掉,
再找辦法解決
沒有留言:
張貼留言