Kendo UI Treeview和XML數據源

Question

我一直在閱讀有關Treeview以及分層數據源和數據源的現有文檔，但我有點不知道可能使用的遠程數據源類型Treeview。

除了json，還支持xml，對不對？是否有可能綁定它並查看Treeview的XML文件？

我一直是這樣的：

 <script> 
      var ds = new kendo.data.DataSource({ 
        transport: { 
         read: { 
          url:"http://localhost:8080/OnTheSpotRestfullAPI/testTree.xml" 
         } 
        }, 
        schema: { 
         type: "xml", 
         data: "/tree/vehicles", 
         model: { 
          fields: { 
           car: "car/text()", 
           bike: "bike/text()" 
          } 
         } 
        } 
       }); 

      $("#treeview").kendoTreeView({ 
       dataSource: ds 
      }); 
     </script> 

與testTree.xml之中：

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>  
<tree> 
    <vehicles> 
     <car>FM-1100</car> 
     <car>FM-4200</car> 
     <bike>FM-3100</bike> 
    </vehicles> 
    <personnel> 
     <client>GH-3000</client> 
     <vip>GH-3100</vip> 
    </personnel> 
</tree> 

我想要得到的樹是這樣的：

（車輛）

- （汽車）

---- FM-1100

---- FM-4200

- （自行車）

---- FM-3100

（人事）

- （客戶端）

---- GH-3000

- （VIPS）

---- GH-3100

PS。 （）中的名稱應該是類似於包含他們的「子女」的文件夾

但是我似乎無法完全查看該樹..有點失去了，有人可以請我指向正確的方向？

在此先感謝

Answer 1

只是爲了確保：你應該執行腳本代碼的HTML被加載後，所以你應該

<script> 
    $(document).ready(function() { 
     // The JavaScript code goes here 
    }); 
</script> 

包圍它的數據源ds應該定義HierarchicalDataSource而不是DataSource 。 讀你XML的例子我不確定層次結構如何組織（樹），樹的內容應該是什麼。

你可以嘗試這樣的：

<script> 
    $(document).ready(function() { 
     var ds = new kendo.data.HierarchicalDataSource({ 
      transport:{ 
       read:{ 
        url:"testTree.xml" 
       } 
      }, 
      schema :{ 
       type :"xml", 
       data :"/tree/vehicles/car", 
       model:{ 
        fields:{ 
         text:"text()" 
        } 
       } 
      } 
     }); 


     $("#treeview").kendoTreeView({ 
      dataSource :ds 
     }); 
    }); 
</script> 

和XML是這樣的：

<?xml version="1.0" encoding="UTF-8" standalone="yes"?> 
<tree> 
    <vehicles> 
     <car>FM-1100</car> 
     <car>FM-4200</car> 
     <bike>FM-3100</bike> 
    </vehicles> 
    <personnel> 
     <client>GH-3000</client> 
     <vip>GH-3100</vip> 
    </personnel> 
</tree> 

注：不知道做什麼用bike