javascript - 使用 JSON 字符串填充 Kendo UI 网格

Question

我正在使用 Kendo UI Grid，并且在使用 JSON 字符串时无法让它显示数据。我在这里创建了一个小提琴。我究竟做错了什么？

<script type="text/javascript">
    $(document).ready(function ()
    {
        $('#grid').kendoGrid(
        {
            scrollable: false,
            data: '{"TestHeader":"This is some test data"}',
            columns: [ { field: 'TestHeader' } ]
        });
    });
</script>
<div id="grid"></div>

Answer 1

这可能更接近您想要的（注意数据定义的更改）：

$(document).ready(function ()
{
    $('#grid').kendoGrid(
    {
        scrollable: false,
        dataSource: { data: [ { "TestHeader": "This is some test data"} ] },
        columns: [ { field: 'TestHeader' } ]
    });
});​