Ext JS 實(shí)現(xiàn)建議詞模糊動(dòng)態(tài)搜索功能
更新時(shí)間：2017年05月13日 16:58:06 作者：parent
這篇文章主要介紹了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編寫兼容IE6,7,8瀏覽器無(wú)縫自動(dòng)輪播
在本篇文章里我們給大家?guī)?lái)一篇關(guān)于用原生JS編寫兼容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
這篇文章主要介紹了60行js代碼實(shí)現(xiàn)俄羅斯方塊，可能會(huì)有些小bug，不過(guò)總體上還是比較不錯(cuò)的。大伙來(lái)研究下代碼，給出意見。2015-03-03
這篇文章主要介紹了微信小程序文字顯示換行問(wèn)題，文中給出了解決方案,需要的朋友可以參考下2019-07-07
document.getElementById方法在Firefox與IE中的區(qū)別
相信很多朋友在寫JavaScript的時(shí)候，對(duì)瀏覽器的兼容問(wèn)題會(huì)感到很頭疼。這不，煩什么，什么就來(lái)了，特記錄下來(lái)，與大家分享。2010-05-05
本文主要介紹了幾種響應(yīng)式文字的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-05-05
Ajax使用原生態(tài)JS驗(yàn)證用戶名是否存在
這篇文章主要為大家詳細(xì)介紹了Ajax使用原生態(tài)JS驗(yàn)證用戶名是否存在的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義tab切換，可滑動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
js利用cookie實(shí)現(xiàn)記住用戶頁(yè)面操作
這篇文章主要給大家介紹了關(guān)于js利用cookie實(shí)現(xiàn)記住用戶頁(yè)面操作的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
javascript入門之window對(duì)象【新手必看】
本文系統(tǒng)介紹了javascript的window對(duì)象以及一些控制函數(shù)的用法,僅供大家參考2016-11-11