Ext JS 實作模糊動態搜尋實例碼

這篇文章主要介紹了Ext JS 實作建議詞模糊動態搜尋功能,需要的朋友可以參考下

程式碼：

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);
 }
 }
 }
 })

參數說明：

queryParam: 'VehicleNo',參數為輸入的值會以VehicleNo參數傳入後台，可自訂;

#test.ashx?傳回的參數格式為[{"VehicleNo":"00001","phoneNum":"000002"},{},{}];

#'select' 為當選擇某個資料的時候需要執行的回呼;

這種方法適用資料量小的搜索，如果資料量比較大的搜尋可能會影響到效能

【相關推薦】

1. 特別推薦：「php程式設計師工具箱」V0.1版本下載

#2. 免費js線上影片教學

#3. php.cn獨孤九賤（3）－JavaScript影片教學

以上是Ext JS 實作模糊動態搜尋實例碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！