2015-04-24 85 views
0

我有一個數據源,它會從一個JSON數據串建成,包含場稱爲水果:KendoUI網格:數組作爲場

[{ 
... /other entries 
fruit: [{ 
    name: 1 
}, { 
    name: 2 
}, { 
    name: 3 
}] 
}] 

我使用的KGrid這一領域,並會喜歡做一個逗號分隔的鏈接列表,從名字:

<a href="#">1</a>, <a href="#">2</a>, <a href="#">3</a> 

目前,我鉤住數據綁定功能,並分別建立這件事爲fruit領域,有更簡單的方法來做到這一點比方說,模板?我試圖查找有關文檔中類似內容的信息,但找不到與分割數組有關的任何內容?

回答

4

我不會轉換數據源處的數據。該工作是UI組件的職責。而是將您的邏輯移動到您的網格的列模板功能。 [API reference]

$('#grid').kendoGrid({ 
    columns: [ { 
    field: 'fruit', 
    template: function(dataItem) { 
     var html = []; 

     for (var i = 0; i < dataItem.length; i++) { 
     html.push('<a href="#">' + dataItem[i].name + '</a>'); 
     } 

     return html.join(', '); 
    } 
    }], 
    dataSource: data 
}); 
+0

謝謝佈雷特,我最終這樣做了。 – JadedEric