Kendo Grid - 设置新的数据源

时间:2013-12-20 23:37:02

标签: datagrid kendo-ui

所以我使用Kendo Grid创建了一个表,我根据现有的表代码创建它:

<table data-role="street-search-results-grid">
        <thead>
        <tr>
            <th data-field="name">Object</th>
            <th data-field="address">Street</th>
            <th data-field="house_no">House nr.</th>
            <th data-field="city">City</th>
        </tr>
        </thead>
    </table>

当我第一次打开这个视图时,我得到一张空表,这很好。然后我开始搜索,表填充没问题,除了表头单元格也改变它们的值。所以我没有Object,Street,House nr。和城市,但名称,地址,house_no和城市(这是响应json键)。

从服务器获取数据后,我通过以下方式更新网格的数据源:

       var grid = $(_streetSearchResultsRole).data("kendoGrid");
        grid.setDataSource(new kendo.data.DataSource({
            data: res.data
        }));

有人有过类似的问题吗?

Tnx:)

1 个答案:

答案 0 :(得分:9)

当您使用setDataSource方法时,网格将重新创建其列。您可以改为调用当前数据源的数据方法。

grid.dataSource.data(res.data);

这是一个现场演示:http://jsbin.com/ACuyoKej/1/edit