Как загрузить древовидное представление в меню с помощью шаблона меню Кендо?

Question

Мне нужно представление дерева в элементе меню кендо, поэтому я использовал шаблон для меню и определил div с id как "treeviewinmenu"

Теперь я пытаюсь определить древовидное представление с идентификатором "treeviewinmenu" в функции готовности документа, но древовидное представление не определено. Проблема в том, что идентификатор, заданный в шаблоне, не обнаружен в документе готовом, даже если я попытался определить древовидное представление в меню кендо функция привязки данных.

поэтому, пожалуйста, предложите мне, как определить идентификатор, используемый в шаблоне, и определить древовидное представление на его основе

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