Kendo Grid - 设置新的数据源

Adr*_*ian 3 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>
Run Code Online (Sandbox Code Playgroud)

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

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

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

谁有类似的问题?

Tnx :)

Ata*_*hev 9

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

grid.dataSource.data(res.data);
Run Code Online (Sandbox Code Playgroud)

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