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

Question

我需要在劍道菜單項一個TreeView，所以我使用了一個模板菜單項，並用ID來定義一個div爲「treeviewinmenu」

我現在想在文件準備功能定義ID爲「treeviewinmenu」一個TreeView但treeview沒有定義。問題是模板中給出的id在文檔中沒有檢測到，即使我嘗試在kendo菜單的databound函數中定義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: "" } 
            ] 
           }, 

          ] 
         }); 

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>