0

下の剣道グリッドでレンダリングするローカルデータ（var people）を取得できないようです。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>
4

1 に答える 1

2

見えているものがいくつかあります...

  1. people 配列はグリッド初期化コード内にあります

  2. 列でフィールドを指定していません。

    $(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
     }                   
  });

});

作業サンプル: http://jsbin.com/uxaqus/1

于 2013-02-05T22:45:47.113 に答える