Ext JS 實(shí)現(xiàn)建議詞模糊動(dòng)態(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ù)說(shuō)明:
queryParam: 'VehicleNo',參數(shù)為輸入的值 會(huì)以VehicleNo參數(shù)傳入后臺(tái),可自定義;
test.ashx? 返回的參數(shù)格式為[{"VehicleNo":"00001","phoneNum":"000002"},{},{}];
'select' 為當(dāng)選擇某個(gè)數(shù)據(jù)的時(shí)候需要執(zhí)行的回調(diào);
這種方法適用數(shù)據(jù)量小的搜索,如果數(shù)據(jù)量比較大的搜索可能會(huì)影響到性能
以上所述是小編給大家介紹的Ext JS 實(shí)現(xiàn)建議詞模糊動(dòng)態(tài)搜索功能,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
相關(guān)文章
JS編寫(xiě)兼容IE6,7,8瀏覽器無(wú)縫自動(dòng)輪播
在本篇文章里我們給大家?guī)?lái)一篇關(guān)于用原生JS編寫(xiě)兼容IE6,7,8瀏覽器無(wú)縫自動(dòng)輪播的相關(guān)知識(shí)點(diǎn),需要的朋友們參考下。2018-10-10
JavaScript中對(duì)象property的刪除方法介紹
這篇文章主要介紹了JavaScript中對(duì)象property的刪除方法介紹,本文主要是對(duì)delete操作符的介紹,需要的朋友可以參考下2014-12-12
document.getElementById方法在Firefox與IE中的區(qū)別
相信很多朋友在寫(xiě)JavaScript的時(shí)候,對(duì)瀏覽器的兼容問(wèn)題會(huì)感到很頭疼。這不,煩什么,什么就來(lái)了,特記錄下來(lái),與大家分享。2010-05-05
Ajax使用原生態(tài)JS驗(yàn)證用戶(hù)名是否存在
這篇文章主要為大家詳細(xì)介紹了Ajax使用原生態(tài)JS驗(yàn)證用戶(hù)名是否存在的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09
js利用cookie實(shí)現(xiàn)記住用戶(hù)頁(yè)面操作
這篇文章主要給大家介紹了關(guān)于js利用cookie實(shí)現(xiàn)記住用戶(hù)頁(yè)面操作的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
javascript入門(mén)之window對(duì)象【新手必看】
本文系統(tǒng)介紹了javascript的window對(duì)象以及一些控制函數(shù)的用法,僅供大家參考2016-11-11

