【easyui-combobox】下拉菜单自动补全功能,Ajax获取远程数据源
这个是针对easyUI的下拉菜单使用的,Ajax获取远程数据源
HTML 页面
<input id="uname" name="uname" class="easyui-combobox" data-options="" style="width: 120px;" />
JS代码
$("#uname").combobox({ prompt:'输入首关键字自动检索', valueField:'tDealerCodeDto', textField:'tDealerCodeDto', panelWidth:120, panelHeight:'auto', onChange:function(values,o){ if(values!=""){ var url='URL?name='+values.trim(); $("#uname").combobox("reload",url); } } })
其中onchange函数的values参数为 控件input的输入value值, o参数具体的不清楚,因为已经可以实现下拉菜单了.但是通过打印知道该参数返回上一次input的输入值
部分后台代码
@LoginCheck(description = true) @RequestMapping("queryName") @ResponseBody public List<TDealerDto> queryname(HttpServletRequest request, HttpServletResponse response,String name){ List<TDealerDto> list= tcustomerService.queryName(name);
return list;
}
返回的实体中一定要包含combobox中显示的valueField和textField字段值
先介绍到这里..以后再补充