easyui combogrid实现本地模糊搜索过滤多列步骤

      盘条基本信息编号:

          data-options="required:true">

varwireRod;

    $.ajax({

      url:"../wireRod/getAll?rows=100000&sort=id&order=asc",

      type:"post",

      dataType:"json",

      success:function(result) {

        wireRod = result.wireRod.list;

      }

});

$("#addWireRodId").combogrid({

      idField:'id',

      textField:'codeDesc',

      remoteSort:false,

      panelWidth: 360,

      columns: [[

        {field:'codeDesc', title:'盘条序号', sortable:true, width: 70},

        {field:'code', title:'盘条编码'},

        {field:'name', title:'盘条名称'},

        {field:'specification', title:'盘条规格'},

      ]],

      onSelect:function(index,row) {

        //业务功能，不予展示

      },

      onChange:function(q){

        doSearch(q,wireRod,['codeDesc','code','name','specification'],$(this));

      },

      onShowPanel:function() {

          $(this).combogrid('grid').datagrid('loadData', wireRod);

      }

    });

//q为用户输入，data为远程加载的全部数据项，searchList是需要进行模糊搜索的列名的数组，ele是combogrid对象

//doSearch的思想其实就是，进入方法时将combogrid加载的数据清空，如果用户输入为空则加载全部的数据，输入不为空

//则对每一个数据项做匹配，将匹配到的数据项加入rows数组，相当于重组数据项，只保留符合筛选条件的数据项，

//如果筛选后没有数据，则combogrid加载空，有数据则重新加载重组的数据项

functiondoSearch(q,data,searchList,ele){

    ele.combogrid('grid').datagrid('loadData', []);

    if(q ==""){

      ele.combogrid('grid').datagrid('loadData', data);

      return;

    }

    varrows = [];

    $.each(data,function(i,obj){

      for(varpinsearchList){

        varv = obj[searchList[p]];

        if(!!v && v.toString().indexOf(q) >= 0){

          rows.push(obj);

          break;

        }

      }

    });

    if(rows.length == 0){

      ele.combogrid('grid').datagrid('loadData', []);

      return;

    }

    ele.combogrid('grid').datagrid('loadData', rows);

  }