easyui combobox开启搜索自动完成功能的实例代码

combo.json

rush:js;"> [{ "id":-1,"text":" ","spell":""

},{
"id":1,"text":"类型1","spell":"lx1"
},{
"id":2,"text":"类型2","spell":"lx2"
},{
"id":3,"text":"类型3","spell":"lx3"
},{
"id":4,"text":"类型4","spell":"lx4"
},{
"id":5,"text":"类型5","spell":"lx5"
}]

下面是代码示例

rush:xhtml;">

Box1">

0) { var values = el.comboBox("getValues"); el.comboBox("setValues",values); return; } var allowInput = opts.allowInput; if (allowInput) { var idx = data.length;

  data[idx] = [];
  data[idx][opts.textField] = value;
  data[idx][opts.valueField] = value;
  el.combo<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>("loadData",data);
} else {
  // 不允许录入任意项,则清空
  el.combo<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>("clear");
}

}
$("#comBox1").comboBox({
required: true,editable: true,missingMessage: '请选择装载物料',valueField: "id",textField: "text",method: 'get',url: 'combo.json',mode: "local",onHidePanel: onComboBoxHidePanel,filter: function (q,row) {
//定义当'mode'设置为'local'时如何过滤本地数据，函数有2个参数：
//q：用户输入的文本。
//row：列表行数据。
//返回true的时候允许行显示。
//return row[$(this).comboBox('options').textField].indexOf(q) > -1;
return row["spell"].indexOf(q) >= 0;
}
});

以上这篇easyui comboBox开启搜索自动完成功能的实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。