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

Question

我正在使用Kendo UI网格，并且在使用JSON字符串时无法使其显示数据。 I created a fiddle here.我做错了什么？

<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' } ] 
    }); 
});​