Javascript 剑道UI网格未拉入本地数据_Javascript_Jquery_Kendo Ui

Javascript 剑道UI网格未拉入本地数据

javascript jquery kendo-ui

Javascript 剑道UI网格未拉入本地数据,javascript,jquery,kendo-ui,Javascript,Jquery,Kendo Ui,我似乎无法在下面的剑道网格中获得本地数据（var people）。如果没有人员数组和dataSource属性，列数据的渲染效果很好。所以不确定错误在哪里 <!doctype html> <head> <link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" /> <link href="styles/kendo.default.min.css" rel="style

我似乎无法在下面的剑道网格中获得本地数据（var people）。如果没有人员数组和dataSource属性，列数据的渲染效果很好。所以不确定错误在哪里

<!doctype html>
<head>
<link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/kendo.web.min.js" type="text/javascript"></script>

</head>
<body>
<div id="grid">
</div>
<script>
$(function(){
    $("#grid").kendoGrid({

        var people = [{patientName: "John Doe", MRN: "464684778", account: "56765765224768", dateOfBirth: "01/06/2013", room: 403, bed: 22, admitDate: "01/15/2013" }];

                columns: [{title: "Patient Name"},
                    {title: "MRN"},
                    {title: "Account#"},
                    {title: "Date of Birth"}, 
                    {title: "Room"}, 
                    {title: "Bed"}, 
                    {title: "Admit Date"}],

                    dataSource: {
            data:people
        }                   
    });
});
</script>
</body>
</html>


$（函数（）{
$（“#网格”）.kendoGrid({
var people=[{患者姓名：“John Doe”，MRN：“464684778”，账户：“56765765224768”，出生日期：“01/06/2013”，403室，床位：22，入院日期：“01/15/2013”}]；
列：[{title:“患者姓名”}，
{标题：“MRN”}，
{标题：“账户#”}，
{标题：“出生日期”}，
{标题：“房间”}，
{标题：“床”}，
{标题：“录取日期”}，
数据源：{
数据：人
}                   
});
});

我看到了一些事情

人员数组位于网格初始化代码中

您没有在列中指定字段

$(function(){

   var people = [{patientName: "John Doe", MRN: "464684778", account: "56765765224768", dateOfBirth: "01/06/2013", room: 403, bed: 22, admitDate: "01/15/2013" }];


   $("#grid").kendoGrid({
     columns: [{field: "patientName", title: "Patient Name"},
               {field: "MRN", title: "MRN"},
               {field: "account", title: "Account#"},
               {field: "dateOfBirth", title: "Date of Birth"}, 
               {field: "room", title: "Room"},
               {field: "bed", title: "Bed"},
               {field: "admitDate", title: "Admit Date" }],
     dataSource: {
       data:people
     }                   
  });

});

工作样本：

非常感谢Burke！哎呀，绘制现场数据会很有帮助：-）