欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Ext JS 实现建议词模糊动态搜索功能

程序员文章站 2022-06-11 22:30:11
代码: new ext.form.combobox({ store: new ext.data.jsonstore({ idproperty: 'vehi...

代码:

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' 为当选择某个数据的时候需要执行的回调;

这种方法适用数据量小的搜索,如果数据量比较大的搜索可能会影响到性能

以上所述是小编给大家介绍的ext js 实现建议词模糊动态搜索功能,希望对大家有所帮助