分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

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

发布时间:2023-09-06 01:40责任编辑:苏小强关键词:Ajaxeasyui下拉菜单

这个是针对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")@ResponseBodypublic List<TDealerDto> queryname(HttpServletRequest request, HttpServletResponse response,String name){List<TDealerDto> list= tcustomerService.queryName(name);
???????????????return list;
???????}

返回的实体中一定要包含combobox中显示的valueField和textField字段值

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

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

原文地址:https://www.cnblogs.com/kangzi/p/8400588.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved