easyui combotree 模糊匹配 +实现匹配字段存在者显示,不存在则为空
时间: 2023-03-04 08:45:22 浏览: 143
在EasyUI Combotree中实现模糊匹配,如果匹配字段存在,则显示匹配结果,否则则为空,可以使用EasyUI Combotree的过滤器属性。具体实现步骤如下:
1. 设置Combotree的filter属性为一个函数,该函数用于过滤Combotree中的数据。
2. 在filter函数中,获取输入的搜索关键词,然后遍历Combotree中的数据,查找与搜索关键词匹配的项。
3. 如果匹配成功,则返回该项的数据;否则返回一个空数组,这将导致Combotree清空选项列表。
以下是一个示例代码,演示如何实现EasyUI Combotree的模糊匹配:
```javascript
$('#combotree').combotree({
url: 'data.php',
filter: function(q, row) {
var opts = $(this).combotree('options');
if (row[opts.textField].indexOf(q) >= 0) {
return true;
} else {
return false;
}
}
});
```
在此示例代码中,我们使用了一个名为"data.php"的URL来获取Combotree的数据。在filter函数中,我们首先获取Combotree的选项,并从选项中获取文本字段的名称。然后,我们将输入的搜索关键词与每个项的文本字段进行比较。如果匹配,则返回true,否则返回false。最后,当返回true时,Combotree将显示匹配的选项;当返回false时,Combotree将清空选项列表。
阅读全文