Javascript 如何使用kendo menuitem模板在menuitem中加载treeview？

我需要kendo menuitem中的treeview，因此我使用了menuitem的模板并定义了一个id为“treeview”的div

现在我试图在document ready函数中定义一个id为“treeviewinmenu”的treeview，但没有定义treeview。问题是在document ready中没有检测到模板中给定的id，甚至我尝试在kendo菜单数据绑定函数中定义treeview

因此，请建议我如何检测模板中使用的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: "" }
                                    ]
                                },

                            ]
                        });

$（“#menutreeview”）.kendoTreeView({
数据源：[
{
文本：“收件箱”，图像URL:，
项目：[
{文本：“阅读邮件”，图像URL:}
]
},
]
});

像这样试试，这只是一个例子

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

风险值数据=[
{
id:1，文本：“我的文档”，扩展：true，精灵类：“根文件夹”，
项目：[
{id:2，文本：“w”}，
{id:3，文本：“wq”}，
{id:4，文本：“q”}，
{id:5，文本：“qq”}，
{id:6，文本：“qeq”}，
{id:7，文本：“gd”}
]
}
];
$（“#treeview”）.kendoTreeView({
数据源：数据
}).数据（“kendoTreeView”）；

是的，我在模板中提供了treeview，但treeview仍然没有定义为menuitem