位置: 编程技术 - 正文
推荐整理分享easyUI实现类似搜索框关键词自动提示功能示例代码(easyui搜索框),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:类似easyui的框架,easyui searchbox,easyui sortable,easyui替代品,easyui sortable,类似easyui的框架有哪些,easyui替代品,类似easyui的框架有哪些,内容如对您有帮助,希望把文章链接给更多的朋友!
在一个DataGrid里面,搜索行所在位置
实现的效果如下:
在搜索框中输入部分列名关键字,即可匹配到行的位置。
EasyUI的SearchBox组件只提供了静态搜索框,我们可以使用ComboBox来实现动态的自动关键匹配效果,并且不需要加载远程数据。当前页面的DataGrid的数据我们可以直接在本地获取之。
代码如下:
setp1、创建combobox
step2、实现本地数据加载
load是一个适配器,它将本地数据转换成combobox所需的数据格式:
首先我们通过datagrid的getRows方法获取当前数据表的所有行,然后通过map转换。
到此就完成了数据的转换
step3、实现行的选中
在onSelect事件中,匹配所在行调用selectRow即可。
标签: easyui搜索框
本文链接地址:https://www.jiuchutong.com/biancheng/374000.html 转载请保留说明!友情链接: 武汉网站建设