剑道网格 - setDataSource 不工作

Question

如果我们在创建网格时设置数据源，Kendo 网格会正确加载数据。如果我们创建没有数据源的网格，然后尝试设置数据源，则数据不会加载。

HTML

<div id="grid"></div>
<script id="rowTemplate" type="text/x-kendo-tmpl">
   <tr>
       <td>#: LastName #</td>
       <td>#: FirstName #</td>
   </tr>
</script>

Kendo 网格正在使用以下代码加载数据

$jQuery2_1(document).ready(function () {
        $jQuery2_1("#grid").kendoGrid({
            dataSource: JSON.parse($jQuery2_1("#PlaceHolderMain_hidJson").val()),
            rowTemplate: kendo.template($("#rowTemplate").html()),
            sortable: true,
            columns: [
                { field: "LastName", title: "Last Name" },
                { field: "FirstName", title: "First Name", width: "120px" },
            ]
        });
    });

如果我先定义网格并设置数据源，剑道网格不会加载数据。

$jQuery2_1(document).ready(function () {
        $jQuery2_1("#grid").kendoGrid({
            rowTemplate: kendo.template($("#rowTemplate").html()),
            sortable: true,
            columns: [
                { field: "LastName", title: "Last Name" },
                { field: "FirstName", title: "First Name", width: "120px" },
            ]
        });

        var dataSource = new kendo.data.DataSource({
            data: JSON.parse($jQuery2_1("#PlaceHolderMain_hidJson").val())
        });
        var grid = $("#grid").data("kendoGrid");
        grid.setDataSource(dataSource);
    });

Answer 1

您似乎使用$jQuery2_1 作为别名。

所以，换行

var grid = $("#grid").data("kendoGrid");

到

var grid = $jQuery2_1("#grid").data("kendoGrid");