kendo UI Grid in angularjs

我有一個JSON數據結構，我需要綁定到Kendo UI grid。數據類似於下面的內容。不會有標題字段/列。我認爲kendo UI期望列不確定如何將數據綁定到沒有列標題的網格？我看到很多列標題的例子，但沒有找到任何沒有標題。任何幫助將不勝感激。kendo UI Grid in angularjs

["1 ABCDEFGHIJKL 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999", 
"2 ABCDEFGHIJKL 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999", 
"3 ABCDEFGHIJKL 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999", 
"4 ABCDEFGHIJKL 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999", 
"5 ABCDEFGHIJKL 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999", 
"6 ABCDEFGHIJKL 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999"]

由於提前

來源

2017-06-12 user2580179

您如何看待網格？ Kendo DataSource需要一個對象數組，並且您有一個字符串數組。 http://www.telerik.com/forums/grid-support-for-data-in-array-form-instead-of-object-form –

您需要解析並重新格式化您的JSON數據。你需要列標題爲kendogrid，這是沒有辦法的（儘管你可以在事後隱藏它們）。 – gitsitgo

謝謝both.Based您的輸入這是我的理解，以實現我的要求1）綁定數據到網格數據源需要數組的對象2）我必須有列標題，但可以隱藏它們。如果我錯了，你們能糾正我嗎？ – user2580179

您需要以使其適合於劍道dataSource數據格式如下：

var dataArr = ["1 ABCDEFGHIJKL 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999", 
        "2 ABCDEFGHIJKL 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999", 
        "3 ABCDEFGHIJKL 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999", 
        "4 ABCDEFGHIJKL 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999", 
        "5 ABCDEFGHIJKL 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999", 
        "6 ABCDEFGHIJKL 44444444444444444 555555555555555555 67777777777777777 333333333333333 99999999999"]; 


var formattedData = []; 
$.each(dataArr, function(index, value) { 
    formattedData.push({value}); 
});

一旦你有了這個formattedData，您可以初始化dataSource and associated kendoGrid：

var dataSource = new kendo.data.DataSource({ 
    data: formattedData 
}); 
$("#grid").kendoGrid({ 
    autoBind: true, 
    dataSource: dataSource 
});

最後，你可以隱藏的列標題按照您的要求，使用以下：

$(".k-grid .k-grid-header").hide();

或可選，使用CSS：

.k-grid .k-header { 
    display: none; 
}

我已經做了Dojo example證明以上。

來源

2017-06-12 15:25:56 Sandman

非常感謝Sandman.Just一個問題formattedData函數的用途是什麼？ – user2580179

kendo UI Grid in angularjs

回答

相關問題