angularjs中的剑道UI网格

Question

我有一个 JSON 数据结构，需要绑定到 Kendo UI grid 。数据如下所示。将没有标题字段/列。我相信 kendo UI 期望 columnns 不确定如何在没有列标题的情况下将数据绑定到网格？我看到很多带有列标题的示例，但找不到没有标题的示例。任何帮助将不胜感激。

["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"]

提前致谢

Answer 1

您需要对数据进行格式化以使其适合剑道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和关联的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 来演示以上内容。