如何使用kendo menuitem模板在menuitem中加載樹形視圖？

Question

我需要在劍道菜單項中使用樹視圖，因此我使用了菜單項模板並定義了一個ID為“ treeviewinmenu”的div

現在我正在嘗試在文檔准備功能中定義ID為“ treeviewinmenu”的樹視圖，但未定義樹視圖。問題是在文檔就緒中未檢測到模板中給出的ID，即使我在kendo菜單中嘗試定義了樹視圖數據綁定功能。

因此，請建議我如何檢測模板中使用的ID並基於該ID定義樹視圖

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

</div>
</script>



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

                            ]
                        });

Answer 1

像這樣嘗試，這只是示例

<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>