剑道树视图，过滤项目

Posted 2023-05-07

【中文标题】剑道树视图，过滤项目

【英文标题】：Kendo Tree View, filter Items

【发布时间】：2014-11-24 08:16:53

【问题描述】：

我不知道如何使我的树形视图可过滤。

查看http://demos.telerik.com/kendo-ui/treeview/api上的演示

function DoSearch() 

var treeView = $("#ItemList").kendoTreeView().data("kendoTreeView");
var filterText = $("#search-value").val();
if (filterText !== "") 
    treeView.dataSource.filter(
        field: "text",
        operator: "contains",
        value: filterText
    );
 else 
    treeview.dataSource.filter();

如果我执行此操作，则在使用过滤器方法时，我会丢失树视图

这里以与我得到的相同方式处理我的示例树视图，不使用数据源，ASPNET 服务器代码返回出现在小提琴上的列表，然后通过 javascript 调用 kendoTreeView 方法。

这是我的小提琴

http://jsfiddle.net/mspasiuk/hw4j4qt2/

简而言之，我想做的是有一个文本框，当我使用“包含”子句键入或点击按钮时，树视图只需要显示符合条件的项目，如果搜索框为空显示原始树视图。

如果有任何帮助，我将不胜感激。谢谢

【参考方案1】：

好的，我正在处理同样的问题，在this post 的帮助下我设法做到了。因此，请务必检查我提供链接的现有线程。希望对您有所帮助。