KendoUI：如何在運行時在TabStrip內插入TreeView

我需要在tabstrip內添加一個樹形視圖。我的情景是，點擊一個按鈕後，我會得到如下的一些數據。我需要爲每個報告生成1個標籤，並在tab內爲Data添加treeview。這可能嗎？如果是的話，你可以讓我知道如何做到這一點？我非常感謝你的幫助。KendoUI：如何在運行時在TabStrip內插入TreeView

JSON數據：

[ 
    Report 1: { Data: [ ] }, 
    Report 2: { Data: [ ] } 
]

謝謝。

來源

2014-01-23 sarav

這是你最後的JSON？這是有效的空間作爲屬性名稱？有沒有像'[ {選項卡：「報告1」，數據：[]}， {選項卡：「報告2」，數據：[]} ]' – OnaBai

我要提出一個稍加改造你的JSON所以它看起來像這樣：

[ 
    { Id : "Report 1", Data: [ ] }, 
    { Id : "Report 2", Data: [ ] } 
]

哪裏Id是我們要顯示的標籤和標籤Data文字內容的tree。

開始向每個選項卡添加初始（空白）內容。

$.each(data, function(idx, elem) { 
    elem.Content = "<div>hello</div>"; 
});

所以，你可以這樣做：

// Create TabStrip 
var ts = $("#tabstrip").kendoTabStrip({ 
    dataTextField: "Id", 
    dataContentField: "Content", 
    dataSource: data 
}).data("kendoTabStrip");

現在爲每個標籤，創建樹：

$.each(data, function(idx, item) { 
    var c = ts.contentElement(idx); 
    $(c).kendoTreeView({ 
     dataSource : item.Data 
    }); 
});

你可以看到它運行在這裏：http://jsfiddle.net/OnaBai/x6Acn/1/

來源

2014-01-23 08:55:28 OnaBai

'非常感謝你:)。 – sarav

KendoUI：如何在運行時在TabStrip內插入TreeView

回答

相關問題