javascript - 如何使用 Kendo 菜单项模板在菜单项中加载 Treeview ?

原文 标签 javascript jquery-ui kendo-ui kendo-treeview kendo-menu

我需要 Kendo 菜单项中的 Treeview ,所以我使用了菜单项的模板并定义了一个 id 为“treeviewinmenu”的 div

现在我正在尝试在文档就绪功能中定义一个 ID 为“treeviewinmenu”的 Treeview ,但 Treeview 未定义。问题是在文档就绪时未检测到模板中给出的 ID,即使我尝试在 Kendo 菜单中定义 Treeview 数据绑定(bind)函数。

所以,请建议我如何检测模板中使用的 id 并基于它定义 Treeview

    <script type="text/kendo-ui" id="treeviewinmenutemplate">
<div id="menutreeviewview">

</div>
</script>



  $("#menutreeviewview").kendoTreeView({
                            dataSource: [
                                {
                                    text: "Inbox", imageUrl: "",
                                    items: [
                                        { text: "Read Mail", imageUrl: "" }
                                    ]
                                },

                            ]
                        });

最佳答案

试试这样,这只是例子

<div id="treeview">
    </div>
    <script>

        var data = [
        {
            id: 1, text: "My Documents", expanded: true, spriteCssClass: "rootfolder",
            items: [
                                { id: 2, text: "w" },
                                { id: 3, text: "wq" },
                                { id: 4, text: "q" },
                                { id: 5, text: "qq" },
                                { id: 6, text: "qeq" },
                                { id: 7, text: "gd" }
                            ]

        }
    ];

        $("#treeview").kendoTreeView({

            dataSource: data
        }).data("kendoTreeView");
    </script>

关于javascript - 如何使用 Kendo 菜单项模板在菜单项中加载 Treeview ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22093112/

相关文章:

javascript - 需要来自 gulpfile.js 中的相对路径的 node_modules

javascript - 当我使用.value获取输入值时,它返回Undefined [duplicate]

javascript - 正则表达式匹配JavaScript中字符串的全部或初始部分

javascript - Vue.js 如何删除组件 v-for 值

jQuery.data() : Get only HTML-5 attributes and not the data-store values set by jquery or other plugins

javascript - jquery ui 不适用于 rails 4

javascript - Kendo Scheduler,关闭事件重置数据

kendo-ui - 带有 TypeScript 的 Kendo UI MVVM - 使 ViewModels 为 "classes"

javascript - Kendo网格jQuery animate()问题

javascript - $().buttonset 在对话框模式框上不起作用