jquery - 使用 id 展开 kendo ui 树节点

Question

我正在使用绑定(bind)到远程数据 http://demos.kendoui.com/web/treeview/remote-data.html 创建 Kendo ui 树

如果我使用波纹管代码来扩展树，我是 kendo ui 的新手，它可以正常工作

var treeview = $("#treeview").data("kendoTreeView");
// expand all nodes
treeview.expand(".k-item");

当我尝试使用 id它给了我未定义的错误

代码是

var treeview = $("#treeview").data("kendoTreeView");
// expand the node with id=3
treeview.expand(document.getElementById("3"));
//treeview.dataSource.view();

这是我的jQuery代码

var serviceRoot = "search/treej.php";
homogeneous = new kendo.data.HierarchicalDataSource({
    transport: {
        read: {
            url: serviceRoot,
            dataType: "jsonp"
        }
    },
    schema: {
        model: {
            id: "id",
            hasChildren: "child"
        }
    }
});

$("#treeview").kendoTreeView({
    checkboxes: {
        checkChildren: false,    
    },
    dataSource: homogeneous,
    dataTextField: "value"
});

// my function to expand node using id it is called on my button click
function expand_me(){
    var treeview = $("#treeview").data("kendoTreeView");
    // expand the node with id=3
    treeview.expand(document.getElementById("3"));
}

我对此不太了解，但 js fiddle 无法扩展(因为我正在使用数据库)所以我创建了崩溃的演示代码 http://jsfiddle.net/mitesh_inf/S3H6U/

有 friend 能告诉我我哪里做错了吗？？

Answer 1

您的 jsFiddle 示例没有 id 为 3 的元素。document.getElementById("3")返回 null .

如果您从 Kendo 数据源中知道要折叠的项目的 uid，则可以使用 jQuery 选择器找到匹配的项目 data-uid属性:

$("#treeview")
    .data("kendoTreeView")
    .collapse('.k-item[data-uid="a7e9f5fd-4c11-4e0f-bb16-ae335c70c73f"]');

或者，如果您指的是树中的第三项:

$("#treeview")
    .data("kendoTreeView")
    .collapse($('.k-item').eq(2));