easyui combobox 动态加载数组数据
2018-01-25 09:44
549 查看
怕自己忘了,记录下来以后用方便
html部分
JS部分
大体效果
输入空格 或 全部删除后
加载全部
输入的跟code匹配
html部分
<input id="rzcode" name="businesItemId" style="width: 100%; height: 100%;border:none" class="easyui-combobox" data-options="" />
JS部分
var arrayData = new Array();//创建空数组 var aryData = new Array();//创建空数组 $(document).ready(function(){ //先用ajax获取到下拉框全部的数据,并放到数组一里 $.ajax({ async:false,//同步加载 type:"post", url:"${ctx}/basic/businessItem/list/all?campId=${campId}&groupId=${groupId}", dataType:"json", success: function(data){ arrayData = data } }); //combobox操作 $('#rzcode').combobox({ //先把全部数据复制 valueField: 'id', textField: 'name', data:arrayData, //数据改变时 onChange:function(newValue,oldValue){ if(newValue != ""){ for(var i=0;i<arrayData.length;i++){ var code = arrayData[i].code; var ss = code.indexOf(newValue); //输入的newValue是否匹配原有数据的code if(ss != -1){ //先清空第数组二,再重新放到数组二里 aryData = new Array(); aryData.push(arrayData[i]) } } //修改数据 $(this).combobox("loadData", aryData); }else{ //如果输入空格,依然还是全部的数据 $(this).combobox("loadData", arrayData); } }, });
大体效果
输入空格 或 全部删除后
加载全部
输入的跟code匹配
相关文章推荐
- easyUI的combobox动态加载数据
- 【easyui】combotree类似combobox模糊查询功能,动态加载数据
- easyui combobox 动态加载数据并回显选中 ,设置宽度和高度自动适应
- easyui combobox 在datagrid中动态加载数据
- easyui combobox 加载数组数据
- easyui-combobox动态加载数据
- easyui combobox 加载数组数据
- easyui combobox动态加载数据和设置默认值
- EasyUI combobox 加载JSON数据《一》
- PHP+Mysql+easyui点击左侧tree菜单对应表名右侧动态生成datagrid加载表单数据(二)
- Easyui笔记4:实现表格内combobox数据的动态切换(getEditor的使用)
- easyui datagrid动态修改editor时动态绑定combobox的数据
- EasyUI之Combobox 数据加载完之后执行
- easyui 下拉列表如何动态加载数据
- Easyui动态加载后台数据的例子
- easyui-datagrid---动态创建表头和加载数据
- EasyUI datagrid动态加载json数据
- EasyUI combobox 动态从服务端获取数据
- EasyUI datagrid 改变url属性 实现动态加载数据