位置: 编程技术 - 正文
easyUI实现类似搜索框关键词自动提示功能示例代码(easyui搜索框)
编辑：rootadmin推荐整理分享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即可。
上一篇：jQuery获取选中单选按钮radio的值(jq获取单选框的值)
下一篇：webuploader模态框ueditor显示问题解决方法(webuploader使用教程)