EasyUI 根据输入框输入 实时获取后台查询数据

Question

EasyUI模糊查询，根据输入框动态获取后台数据在下拉框提示，选中动态填充数据。

Answer 1

你这个最好在文本框光标移除事件里写。事件里写ajax查询后台，返回数据，在success函数里，绑定下拉框。

页面代码：<td><input name="religionType" id="religionType" /> 

js加载：   

<script type="text/javascript">
$(function() {

//宗教信仰
$("#religionType").combobox({
            width: 135,
            editable: false,
            url: "caSysDictController.do?getDictList&dictCode=ZJXY",
            valueField: 'id',    //id
            textField: 'dictName' //对应名称
        });

});

</script>
后台方法

@RequestMapping(params = "getDictList") 
@ResponseBody
public List<CaSysDict> getDictList(HttpServletRequest request) {
    String dictCode = request.getParameter("dictCode");
    return caSysDictService.getDictListByKey(dictCode); //查询数据

}