2016-02-13 60 views
0

我想顯示我的json從mvc控制器顯示在複選框kendo ui treeview上。發送到視圖中的asp.net的MVC視圖中的代碼和JSON下面給出Kendo UI Treeview不能正確顯示日期

MyDoc.cshtml code 
<script>     
      $("#treeview").kendoTreeView({ 
       checkboxes: { 
        checkChildren: true,      
       }, 
       dataSource: { 
        //type: "odata", 
        transport: { 
         read: { 
          url: '@Url.Content("~/Document/GetMyDocs")', 
          type: "post", 
          dataType: "json" 
         } 
        },       
        schema: { 
         model: { 
          id: "id", text:"Name", 
          children: "Files" 
         } 
        } 
       }, 
       dataTextField: [ "Name"], 
       check: onCheck    
      }); 

json object 
     [{"id":1,"Name":"Checking", 
     "Files":[{"Filename":"doc10","id":"1afd5a4f-086f-44d2-9287-8098384e379e"}, 
     {"Filename":"doc11","id":"89ea3366-14b8-4e91-8273-6e2a51fbe516"}]}, 
     {"id":2,"Name":"Saving", 
     "Files":[{"Filename":"doc20","id":"c7a88f5d-067e-4f20-93b6-da6eff69d532"}, 
     {"Filename":"doc21","id":"8a0a62ed-1b4a-4e5e-8d59-d57a975a7ab0"}]}] 

當我查看該頁面只有頂層的文本,「檢查」和「保存」的節目。 「文件」下的日期未定義。

感謝

回答

0

它看起來像劍道UI使用dataTextField:[「名稱」]父和子節點兩者。由於子數據中的json沒有等於「Name」的字段名稱,因此未定義。一旦我將屬性「FileName」更改爲「Name」,它就起作用了。 Telerik的文檔與其他第三方控件一樣糟糕。他們的所有演示都更適合用簡單的硬編碼數據展示如何創建一個性感外觀的UI,而不是展示如何創建真實世界的應用程序!

+0

其實我找到了一種方法來保持子節點與「FileName」相同。由於dataTextField:[「Name」]是一個數組,我已將其更新爲dataTextField:[「Name」,「FileName」]。現在它可以正常工作,而不需要重新命名子數據屬性。希望對某人有用! – Massey