easyui的combobox,自动搜索的下拉框
2023-09-27 14:21:40 时间
作者:多来哈米
如图,输入关键字,左匹配检索
HTML代码
1 <input class="easyui-combobox" name="userId" id="userId"data-options="valueField:'id',textField:'text',panelHeight:'auto',panelMaxHeight:200,panelMinHeight:100" style="width: 160px;height: 29px"/> 2
js获取数据
1 $('#userId').combobox({ 2 prompt:'输入首关键字自动检索', 3 required:false, 4 url:'${path }/portal/designer/tree', 5 editable:true, 6 hasDownArrow:true, 7 filter: function(q, row){ 8 var opts = $(this).combobox('options'); 9 return row[opts.textField].indexOf(q) == 0; 10 } 11 });
组件最右边的选择框下拉箭头不美观,那么可以通过设置hasDownArrow:false将其去掉;
首先需要可以编辑,combobox默认的editable就是true
相关文章
- abp(net core)+easyui+efcore实现仓储管理系统——出库管理之六(五十五)
- abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之五(三十一)
- abp(net core)+easyui+efcore实现仓储管理系统——使用 WEBAPI实现CURD (十五)
- abp(net core)+easyui+efcore实现仓储管理系统——领域层创建实体(三)
- easyui datagrid 禁止选中行 EF的增删改查(转载) C# 获取用户IP地址(转载) MVC EF 执行SQL语句(转载) 在EF中执行SQL语句(转载) EF中使用SQL语句或存储过程 .net MVC使用Session验证用户登录 PowerDesigner 参照完整性约束(转载)
- easyui-datagrid 报错:TypeError: col is null
- EasyUI日期时间框DateTimeBox
- Java架构学习 转(Spring+SpringMVC+MyBatis+easyUI)
- 《jQuery EasyUI开发指南》——1.4 选择开发工具
- 《jQuery EasyUI开发指南》——1.6 新建Web Project
- Jquery EasyUI Combotree和 EasyUI tree展开所有父节点和获取完整路径
- easyui Menu