2009年11月17日 星期二

jQuery plugin: Autocomplete

為了實現類似搜尋引擊自動完成的功能, 上網找有沒有現成的套件可以使用, 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拿掉, 再找辦法解決

沒有留言:

張貼留言