时间:2021-05-28
combo.json
[{ "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"}]下面是代码示例
<form> <input type="text" id="combox1"></form>/** * easyui combobox 开启搜索功能,自动装载选中的项目处理函数 */ function onComboboxHidePanel() { var el = $(this); el.combobox('textbox').focus(); // 检查录入内容是否在数据里 var opts = el.combobox("options"); var data = el.combobox("getData"); var value = el.combobox("getValue"); // 有高亮选中的项目, 则不进一步处理 var panel = el.combobox("panel"); var items = panel.find(".combobox-item-selected"); if (items.length > 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.combobox("loadData", data); } else { // 不允许录入任意项, 则清空 el.combobox("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开启搜索自动完成功能的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
我在做项目时,经常用到easyUI框架,今天总结一下easyUI中的combobox吧创建easyui-combobox的方法,在easyUI的官网都有:1、从
可以填写,可以选择,可以根据填写内容自动搜索可选项中部分匹配的项详情复制代码代码如下:http://webfx.eae.net/dhtml/combobox/c
什么是HTML5的form自动完成功能?首先,HTML5中有个新属性autocomplete,autocomplete属性规定表单是否应该启用自动完成功能,它自
本文实例展示了WinForm实现为ComboBox绑定数据源并提供下拉提示功能,这是一个非常有实用价值的功能,具体实现方法如下:主要功能代码如下://////为
前台:Html页面JS//自动补全功能$("#clsydw").combobox({valueField:'syr',textField:'syr',panel