最初在 kendoui 中展开树视图项目答案

【问题标题】：Expand the treeview items initially in kendoui最初在 kendoui 中展开树视图项目
【发布时间】：2012-12-05 07:23:03
【问题描述】：

我正在使用 kendo ui treeview 小部件控件。我正在动态地获取父母和孩子。我怎样才能扩展所有的父母和孩子。我已经写了代码：

          var treeview = $('#tree').kendoTreeView({
            dataSource: parent,
            dataTextField: ["question", "answer", "parentvalue"]
           });

            treeview.expand('.k-item');

但它不起作用。我该怎么做。

【问题讨论】：

什么是treeview？它应该等于$("#your-treeview-id").data("kendoTreeView")...
@SamuelCaillerie 是 treeview = $("#treeviewid").data("kendoTreeView");
那你能再解释一下吗？例如，创建树视图的代码是什么以及在哪里调用 expand 方法，...？
@SamuelCaillerie 我已经编辑了问题

标签： kendo-ui kendo-treeview

【解决方案1】：

如果您使用远程数据源，您将无法以这种方式扩展它，因为这些项目仍未加载和创建。

改为使用 TreeView 的 dataBound 事件并将 loadOnDemand 属性设置为 false（因此所有项目最初都已加载，然后尝试展开项目（您可能需要递归执行）。

【讨论】：

但是数据绑定事件没有成功。你会提供一个jsfiddle示例吗？谢谢你

【解决方案2】：

.kendoTreeView() 函数实际上返回应用树视图的 jQuery 元素，而不是小部件本身。

相反，您需要这样做：

$("#my-treeview").data("kendoTreeView").expand(".k-item");

【讨论】：

是的，我正在这样做，并且在 dataBound 事件中，但是 expand() 没有做任何事情
@PandaWood 你能在 jsFiddle 中重新创建它吗？
我会试一试，顺便说一下，设置超时并在 dataBound 事件工作后等待大约 1 秒，即（在咖啡脚本中）setTimeout (-> treeView.expand '.k-item' ), 1500. 所以这就像我必须等待“渲染”以及数据被绑定
如果是这种情况，那么在您尝试展开树项目之前，数据可能还没有完成读取。读取是异步操作。

【解决方案3】：

与您的代码一样，您只能获得创建的元素，而不是与其关联的数据。你宁愿使用这样的代码：

$('#tree').kendoTreeView({
    dataSource: parent,
    dataTextField: ["question", "answer", "parentvalue"]
});
var treeview = $("#your-treeview-id").data("kendoTreeView");

如我上面的 cmets 所示（而不是 var treeview = $("#tree").kendoTreeView(...)）。

【讨论】：

【解决方案4】：

函数展开树() {

   treeview = $("#MyTreeview").data("kendoTreeView");

    if(treeview != undefined)
        {
            treeview.expand(".k-item");
        }
}

function CollapseTree()
{


   treeview = $("#MyTreeview").data("kendoTreeView");

    if(treeview != undefined)
        {
            treeview.collapse(".k-item");
             treeview.expand(".k-first"); //To expand only parent
        }
}

【讨论】：