EasyUI ComboTreeGrid 搜索查询
时间: 2024-01-07 13:04:33 浏览: 91
EasyUI ComboTreeGrid 组件提供了多种搜索查询的方式,以下是其中一种实现方式:
1. 在 ComboTreeGrid 组件中添加搜索框,例如:
```html
<input id="search-box" type="text" placeholder="Search...">
```
2. 给搜索框添加事件监听,例如:
```javascript
$('#search-box').keyup(function () {
var keyword = $(this).val();
$('#treegrid').treegrid('search', keyword);
});
```
3. 在 ComboTreeGrid 组件中添加 search 方法,例如:
```javascript
$('#treegrid').treegrid({
// ...
search: function (keyword) {
var tree = $(this);
tree.treegrid('collapseAll');
var nodes = tree.treegrid('getRoots');
$.each(nodes, function (index, node) {
searchNode(node, keyword);
});
}
});
function searchNode(node, keyword) {
var tree = $('#treegrid');
if (node.text.indexOf(keyword) !== -1) {
tree.treegrid('expandTo', node.id);
tree.treegrid('select', node.id);
}
if (node.children) {
$.each(node.children, function (index, child) {
searchNode(child, keyword);
});
}
}
```
以上代码实现了在 ComboTreeGrid 中根据关键词进行搜索查询,并且展开对应节点并选中。你可以根据自己的需求修改代码实现其他的搜索方式。
阅读全文