JS控件autocomplete 0.11演示及下載 1月5日已更新
更新時間:2007年01月09日 00:00:00 作者:
1月5日已更新
修復自動完成文本框焦點移失,自動完成容器不能消失的bug
增加expandAllItem方法,雙擊時可出現(xiàn)全部的item,詳情請看示例
增加customStyle示例,該示例演示了如何對autocomplete控件進行css美化,見autocomplete_custom的css文件
演示及下載:
http://www.never-online.net/code/neverModules/autocomplete/
功能較上一版本的改進和功能:
1。匹配速度的提高。
2。加入ignoreCase屬性(為false時,將區(qū)分大小寫,默認為true)
3。加入ignoreWhere屬性(為true時,匹配結果將使用貪婪匹配,即整個字符串中只要有輸入的字符,將把dataSource內(nèi)容送入匹配結果中)
4。按esc返回。
5。兼容IE6.0, Opera9.0, Mozilla Firefox1.5
6??墒謩忧蹇誨ataSource數(shù)據(jù),或動態(tài)賦值給dataSource。方便的進行AJAX,詳細請看示例。
7。highlighted屬性(默認為true,大數(shù)據(jù)量時,建議設置為false)。
8。在IE中,彌補div被select控件遮擋。詳細請看第一個示例。
9。方向鍵支持。
思路以及參考:
初始化時,我把所有的數(shù)據(jù)都一次用join("")生成dataSource字符串(我在字符串字使用的html都盡量的簡短,使之能夠以最少的字符串生成數(shù)據(jù)),之后用正則來匹配。感覺這已經(jīng)在速度上是很快的了。
雖然range功能還沒有加進去,但基本的已經(jīng)足夠了。速度還算理想?,F(xiàn)在發(fā)現(xiàn)一個速度問題就是,如果要在Opera,Mozilla,IE里充分利用其內(nèi)核的效率,那么結果將是代碼也許會大大的加長。畢竟不同內(nèi)核之間的效率是大不一樣的。
兼容性與效率同樣也是一個矛盾的問題。用insertAdjanceHTML這個方法,是在大數(shù)數(shù)量情況下,插入一個字符串的一個簡單兼容方法之一。
還有一個就是把highlight加入的問題,用了join之后,要加亮,必須再次回溯,從而相當于進行了兩次匹配。這個也是效率的問題之一。所以建議大數(shù)據(jù)量情況下,把highlighted屬性設為false。這樣效率理論上說,應該可以提高40%左右的速度。
修復自動完成文本框焦點移失,自動完成容器不能消失的bug
增加expandAllItem方法,雙擊時可出現(xiàn)全部的item,詳情請看示例
增加customStyle示例,該示例演示了如何對autocomplete控件進行css美化,見autocomplete_custom的css文件
演示及下載:
http://www.never-online.net/code/neverModules/autocomplete/
功能較上一版本的改進和功能:
1。匹配速度的提高。
2。加入ignoreCase屬性(為false時,將區(qū)分大小寫,默認為true)
3。加入ignoreWhere屬性(為true時,匹配結果將使用貪婪匹配,即整個字符串中只要有輸入的字符,將把dataSource內(nèi)容送入匹配結果中)
4。按esc返回。
5。兼容IE6.0, Opera9.0, Mozilla Firefox1.5
6??墒謩忧蹇誨ataSource數(shù)據(jù),或動態(tài)賦值給dataSource。方便的進行AJAX,詳細請看示例。
7。highlighted屬性(默認為true,大數(shù)據(jù)量時,建議設置為false)。
8。在IE中,彌補div被select控件遮擋。詳細請看第一個示例。
9。方向鍵支持。
思路以及參考:
初始化時,我把所有的數(shù)據(jù)都一次用join("")生成dataSource字符串(我在字符串字使用的html都盡量的簡短,使之能夠以最少的字符串生成數(shù)據(jù)),之后用正則來匹配。感覺這已經(jīng)在速度上是很快的了。
雖然range功能還沒有加進去,但基本的已經(jīng)足夠了。速度還算理想?,F(xiàn)在發(fā)現(xiàn)一個速度問題就是,如果要在Opera,Mozilla,IE里充分利用其內(nèi)核的效率,那么結果將是代碼也許會大大的加長。畢竟不同內(nèi)核之間的效率是大不一樣的。
兼容性與效率同樣也是一個矛盾的問題。用insertAdjanceHTML這個方法,是在大數(shù)數(shù)量情況下,插入一個字符串的一個簡單兼容方法之一。
還有一個就是把highlight加入的問題,用了join之后,要加亮,必須再次回溯,從而相當于進行了兩次匹配。這個也是效率的問題之一。所以建議大數(shù)據(jù)量情況下,把highlighted屬性設為false。這樣效率理論上說,應該可以提高40%左右的速度。
相關文章
BootStrap 動態(tài)添加驗證項和取消驗證項的實現(xiàn)方法
這篇文章主要介紹了BootStrap 動態(tài)添加驗證項和取消驗證項的實現(xiàn)方法的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-09-09利用H5api實現(xiàn)時鐘的繪制(javascript)
這篇文章主要為大家詳細介紹了利用H5api實現(xiàn)時鐘的繪制,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-09-09JavaScript中的子窗口與父窗口的互相調(diào)用問題
本文給大家介紹了JavaScript中的子窗口與父窗口的互相調(diào)用問題,非常不錯,具有參考借鑒價值,需要的朋友參考下吧2017-02-02