zoukankan      html  css  js  c++  java
  • 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,
    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' 为当选择某个数据的时候需要执行的回调;

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

  • 相关阅读:
    css文本及文本装饰
    css尺寸常用样式
    了解css的两大特性
    css长度单位及字体
    css颜色
    css选择器详解
    了解css
    html行级元素与块级元素以及meta标签的使用
    了解html表单
    html图片和html实体
  • 原文地址:https://www.cnblogs.com/parent/p/6849540.html
Copyright © 2011-2022 走看看