Ext JS 實現(xiàn)建議詞模糊動態(tài)搜索功能
代碼:
new Ext.form.ComboBox({ store: new Ext.data.JsonStore({ idProperty: 'VehicleNo', url: '../ajax/test.ashx, fields: ['VehicleNo', 'phoneNum'] }), id:'querynodesid', emptyText:'快速檢索', hiddenName: 'VehicleNo', displayField: 'VehicleNo', valueField: 'VehicleNo', queryParam: 'VehicleNo', forceSelection: true, hideTrigger: true, queryDelay: 500, width:100, enableKeyEvents: true, minChars: 1, mode: 'remote', listeners: { 'select': { fn: function (combo, record, index) { var no = Ext.get("querynodesid").dom.value; findByKeyWordFiler2(no); } } } })
參數(shù)說明:
queryParam: 'VehicleNo',參數(shù)為輸入的值 會以VehicleNo參數(shù)傳入后臺,可自定義;
test.ashx? 返回的參數(shù)格式為[{"VehicleNo":"00001","phoneNum":"000002"},{},{}];
'select' 為當(dāng)選擇某個數(shù)據(jù)的時候需要執(zhí)行的回調(diào);
這種方法適用數(shù)據(jù)量小的搜索,如果數(shù)據(jù)量比較大的搜索可能會影響到性能
以上所述是小編給大家介紹的Ext JS 實現(xiàn)建議詞模糊動態(tài)搜索功能,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復(fù)大家的!
相關(guān)文章
HTML使用js給input標(biāo)簽增加disabled屬性的方法
最近項目上提出一個經(jīng)常遇到的需求,點擊新增時input可輸入,點擊編輯時input置灰,下面這篇文章主要給大家介紹了關(guān)于HTML使用js給input標(biāo)簽增加disabled屬性的相關(guān)資料,需要的朋友可以參考下2024-06-06electronjs實現(xiàn)打開的網(wǎng)頁密碼自動保存功能(實現(xiàn)步驟)
在 Electron 的渲染進(jìn)程中,可以使用 webContents 對象來監(jiān)聽網(wǎng)絡(luò)請求,在 Electron 中實現(xiàn)自動保存網(wǎng)頁密碼的功能涉及到幾個步驟,下面給大家分享實現(xiàn)思路,感興趣的朋友跟隨小編一起看看吧2024-08-08js實現(xiàn)三張圖(文)片一起切換的banner焦點圖
這篇文章主要介紹了js實現(xiàn)三張圖(文)片一起切換的banner焦點圖,推薦給大家,有需要的小伙伴可以參考下。2015-08-08基于KO+BootStrap+MVC實現(xiàn)的分頁控件代碼分享
本段js和html兩段代碼實現(xiàn)分頁控件效果,下面通過本文給大家詳細(xì)介紹下基于KO+BootStrap+MVC實現(xiàn)的分頁控件,非常不錯,感興趣的朋友一起看看吧2016-11-11