KendoUI TreeView Dynamic JSON

我試圖通過Telerik使用KendoUI，並從通用處理程序中獲取一個treeview以綁定到動態JSON。KendoUI TreeView Dynamic JSON

在我的通用處理程序中，我使用Newtonsoft.Json將List轉換爲我的JSON結果，該結果非常好，甚至可以與不同的KendoUI控件（圖表）一起使用。

這裏是我儘可能的JavaScript構建樹狀：

var treeSource = new kendo.data.DataSource({ 
       transport: { 
        read: { 
         url: "Services/CategoryHandler.ashx", 
         dataType: "json", 
         contentType: "application/json; charset=utf-8", 
         type: "GET" 
        } 
       } 
      }); 

      $("#treeview").kendoTreeView({ 
       dataSource: treeSource 
      });

這裏是返回的JSON的縮短的例子：

[ 
    { 
     "text":"Node 1", 
     "expanded":true, 
     "items":null 
    }, 
    { 
     "text":"Node 2", 
     "expanded":true, 
     "items":null 
    } 
]

「項目」將分集在樹上。

當我直接添加項目到數據源，如：

var treeview = $("#treeview").kendoTreeView({ 
          dataSource: [ 
           { text: "Item 1", expanded: true, items: [ 
            { text: "Item 1.1" }, 
            { text: "Item 1.2" }, 
            { text: "Item 1.3" } 
           ] }, 
           { text: "Item 2", items: [ 
            { text: "Item 2.1" }, 
            { text: "Item 2.2" }, 
            { text: "Item 2.3" } 
           ] }, 
           { text: "Item 3" } 
          ] 
         })

它工作得很好。當我調用寫出JSON的服務時，它不工作，我的意思是不起作用，沒有數據顯示，它是空白的。

對於我可能缺少的任何想法或者我如何驗證數據的指導，甚至是從服務中返回，甚至正確填充我的DataSource？

感謝

來源

2012-01-03 CodeLikeBeaker

重要作爲2012年11月8日KendoUI已經支持它。

Kendo TreeView不支持綁定到數據源。好消息是，這是在計劃中，並將很快實施（下一版本）。

來源

2012-01-04 21:33:37

好感謝。我找到了一個解決方法，我做了一個$ .ajax GET，並使用字符串結果綁定到樹視圖。我期待KendoUI更新:)再次感謝。 – CodeLikeBeaker 2012-01-04 22:56:02

KendoUI網格是否綁定到HttpHandler？ – 2012-02-07 22:55:35

它適用於我的竅門。我在控制器上使用帶有Json的動態ViewBag，因此節點被繪製得很好。

我的問題是，事件似乎並沒有工作正常。例如，我想捕獲onDrop並提出警報以顯示此類節點的實際值，而是顯示所有節點的文本。順便說一句，這讓我瘋狂。

這是我的代碼，希望能幫到別人。

function onDrop(e) { 
     alert(treeView.text(e.sourceNode)); 
    }

一個模板必須被分配到工作：

template: "<span rel='#= item.Id #'> #=item.text #</span>",

來源

2012-04-11 04:19:02 coffekid

KendoUI TreeView Dynamic JSON

回答

相關問題