kendo treeview mvc - 单击节点时出错答案

【问题标题】：kendo treeview mvc - error when clicking nodekendo treeview mvc - 单击节点时出错
【发布时间】：2014-08-19 10:11:25
【问题描述】：

当我尝试单击 TreeView 中的一个节点时，在 kendo.all.min.js 中出现错误 - 任何人都知道我是否需要进一步配置它以避免这种情况？

我得到的错误是：

JavaScript runtime error: Unable to get property 'set' of undefined or null reference

VS 错误突出显示的粗略区域是：

return arguments.length?(n=e(n,r).closest(q),r.find(".k-state-selected").each(function(){var e=i.dataItem(this);e.set("selected",!1),delete e.selected}),n.length&&i.dataItem(n).set("selected",!0)...

我所追求的基本上是父文件夹中的文件列表，如果文件处于活动状态并且有子文件，那么我希望它给它一个 URL，以便他们可以打开链接，但如果不，我不希望发生任何事情，但我不想完全禁用节点，因为我希望用户能够在需要时扩展或缩小它。

这是我在 MVC 中用于树视图的代码：

@(Html.Kendo().TreeView()
    .Name("treeview")
    .Items(level1 =>
    {
        level1.Add().Text(rootFolderName)
        .SpriteCssClasses("folder")
        .Expanded(true)
        .Items(level2 =>
        {
            int count = 0;
            foreach (var node in list)
            {
                string title = node.Title;
                string url = "";
                if (node.HasChildren)
                {
                    title = node.Title + "(" + node.ChildrenCount + ")";
                    url = "/Secure/Areas/Compliance.aspx?id=" + node.ItemId;
                }
                level2.Add().Text(title).Url(url)
                .Expanded(true);
            }
        });
    })
)

任何人以前使用过这些并且知道我还需要做什么来实现我的目标？

【问题讨论】：

如果你在 HTML 页面上做一个查看源代码，你能发布生成的 JavaScript 吗？

标签： c# asp.net-mvc kendo-ui treeview

【解决方案1】：

好的，边走边学。最终使用了这样的事件：

@(Html.Kendo().TreeView()
    .Name("treeview")
    .Events(events => events
        .Select("onSelect")
        )
    .Items(level1 =>

如果url为空，则添加preventDefault

function onSelect(e) {
        var dataItem = $('#treeview').data('kendoTreeView').dataItem(e.node);
        if (dataItem.href == 'undefined')
            e.preventDefault();
        else
            location.href = dataItem.href;
    }

也许有更好的方法，但这似乎行得通，所以我现在很高兴。

【讨论】：