【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字段值

先介绍到这里..以后再补充

巴特西

【easyui-combobox】下拉菜单自动补全功能，Ajax获取远程数据源

最新文章

热门文章