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

回答

相关问题