Asp.net Ajax控件之AutoComplete控件幾點(diǎn)淺析
Asp.net Ajax 1.0控件中的AjaxControlToolkit系列控件的發(fā)布給開發(fā)人員帶來了很多便利，但其中很多控件似乎并沒有我們想像的那么***。最近對(duì)這里面的AutoComplete控件用得較多，發(fā)現(xiàn)了它的幾個(gè)不足或錯(cuò)誤之處：
1.在某些情況下會(huì)出現(xiàn)“two components with the same id”的錯(cuò)誤；
2.容易導(dǎo)致在IE中出現(xiàn)“無法打開Internet站點(diǎn)，…，已終止操作”的問題；
3.即使用戶輸入了很多的字符，即使已經(jīng)沒有相匹配的結(jié)果，它仍然會(huì)調(diào)用服務(wù)端方法，試圖獲取相匹配的值，白白增加了服務(wù)器的負(fù)擔(dān)；
4.自動(dòng)完成列表的樣式不太好看；
5.服務(wù)端方法的簽名必須是：string[] GetCompletionList(string prefixText, int count)，無法從客戶端取得其它需要的數(shù)據(jù)。這一點(diǎn)在一個(gè)頁面中有多個(gè)需要從不同數(shù)據(jù)源獲取數(shù)據(jù)的AutoComplete控件時(shí)尤其致命。
要解決這些問題，首先需要知道怎樣來修改相應(yīng)的代碼并使之在自己的應(yīng)用中生效。值得慶幸的是，Asp.net Ajax控件中AjaxControlToolkit系列控件是開源的，所以我們可以根據(jù)自己的需要來盡情修改。用VS2005打開AjaxControlToolkit解決方案，打開AutoComplete文件夾中的AutoCompleteBehavior.js文件，修改并重新編譯后，將生成的AjaxControlToolkit.dll文件更新到自己的項(xiàng)目引用中，即可應(yīng)用我們優(yōu)化和增強(qiáng)后的Asp.net Ajax控件之AutoComplete控件了。
那么，在Asp.net Ajax控件中具體需要修改哪些代碼呢？
針對(duì)***個(gè)問題，需要在AjaxControlToolkit.AutoCompleteBehavior.callBaseMethod(this, 'dispose');這一行之前加上：
- if (this._popupBehavior) {
- this._popupBehavior.dispose();
- this._popupBehavior = null;
- }
第二個(gè)問題，要將
- document.body.appendChild(this._completionListElement);
這一行修改為
- element.parentNode.appendChild(this._completionListElement);
第三個(gè)問題，需要在_onTimerTick方法中，為
- if (text.trim().length < this._minimumPrefixLength)
這個(gè)判斷增加一個(gè)條件，變成：
- if (text.trim().length < this._minimumPrefixLength || text.trim().length > 10)
，這就使得，當(dāng)用戶的輸入超過10個(gè)字符時(shí)，就不必向服務(wù)端調(diào)用讀取匹配值的方法了。
第四個(gè)問題，要調(diào)整自動(dòng)完成列表的樣式，可以直接修改initializeCompletionList方法中的以下代碼：
- completionListStyle.backgroundColor = this._textBackground;
- completionListStyle.color = this._textColor;
- completionListStyle.border = 'solid 1px buttonshadow';
- completionListStyle.cursor = 'default';
- completionListStyle.unselectable = 'unselectable';
- completionListStyle.overflow = 'hidden';
，或者刪除這幾行，并添加：element.className = "completionList";然后在頁面上添加樣式類“completionList”的定義即可；
要解決***一個(gè)問題，應(yīng)該在
- { prefixText : this._currentPrefix, count: this._completionSetCount}
這一行中增加一個(gè)發(fā)給服務(wù)器的參數(shù)，變?yōu)?
- { prefixText : this._currentPrefix, count: this._completionSetCount , srcId: this.get_element().getAttribute("srcid") }
從而，服務(wù)端的讀取自動(dòng)完成列表項(xiàng)的方法簽名就可以寫成:
- string[] GetCompletionList(string prefixText, int count ,string srcId)
這意味著，我們可以為需要應(yīng)用自動(dòng)完成功能的文本框預(yù)先設(shè)置一個(gè)用于標(biāo)識(shí)其數(shù)據(jù)來源的標(biāo)識(shí)字符串，C#代碼如：tb.Attributes.Add("srcid", "xxx"); 然后，在GetCompletionList方法中就可以根據(jù)客戶端傳過來的這個(gè)參數(shù)值來有針對(duì)性地讀取數(shù)據(jù)了。
Asp.net Ajax控件之AutoComplete控件的一些變化就向你介紹到這里，希望對(duì)你認(rèn)識(shí)Asp.net Ajax控件有所幫助。
【編輯推薦】
