kendo-ui - Kendo Treeview ,过滤项目

标签 kendo-ui kendo-treeview

我不知道如何使我的 Treeview 可过滤。

查看 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({});
}

}
如果我执行此操作,则在使用过滤器方法时,我将丢失 Treeview

这里对我的示例 Treeview 进行了与我获得的相同方式的拨弄,不使用数据源,ASPNET 服务器代码返回显示在 fiddle 上的列表,然后通过 javascript 调用 kendoTreeView 方法。

这是我的 fiddle

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

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

我将不胜感激任何帮助。谢谢

最佳答案

好吧,我正在处理同样的问题,在 this post 的帮助下我设法做到了。因此,请确保检查我提供链接的现有线程。希望有帮助。

关于kendo-ui - Kendo Treeview ,过滤项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26108354/

相关文章:

internet-explorer - Internet Explorer 中的 Kendo UI Treeview 页面跳转

kendo-treeview - Kendo HierarchicalDataSource 问题绑定(bind)到 Kendo Treeview

javascript - Kendo TreeView - 仅将删除图像图标添加到没有子节点的父节点

javascript - 反转复选框值,以便在模型中检查为 false

javascript - 使用缓存在 Kendo UI Treeview 中延迟加载

kendo-ui - Kendo Treeview 拖放总是父级的最后位置

kendo-ui - 使用 OData 枚举作为字段过滤网格

angular - Kendo Sortable for Angular - 获取新的索引位置

kendo-ui - 如何从 Kendo UI Treeview 选择事件中获取 json 数据

javascript - Angular - Kendo Treeview 复选框更改事件多次触发