我正面临动态创建剑道UI网格的问题。当我指定列数组 title
和 field
属性并渲染网格时,网格列不显示指定的 title
,而是显示 field
名称。我不希望字段名按原样显示,因为字段名本身作为列标题没有意义。
注意:这是在angular控制器中完成的。
这是我的网格定义
<div kendo-grid="ctrl.commonGrid" options="ctrl.commonGridOptions"></div>
下面是我用来生成列的代码。
var columns = [];
angular.forEach(ctrl.ColumnConfig, function (col) {
var newCol ={
title: col.displayName,
field: col.mappingProperty.toCamelCase(),
}
columns.push(newCol);
});
之后我将这个赋值给grid columns集合
ctrl.commonGridOptions = {
columns: columns,
};
,然后使用grid dataSource数据方法来填充数据。
ctrl.commonGrid.dataSource.data(ctrl.TableData);
有谁能帮我一下吗?
谢谢
我修复了这个问题。以下是按预期工作的代码。firstRow只是我从服务器获取的对象列表中的一行,而columnConfig是我想要显示的列的配置。
for (var property in firstRow) {
if (firstRow.hasOwnProperty(property)) {
model.fields[property] = { type: 'string' };
var col = $.grep(ctrl.columnConfig, function (e) { return e.mappingProperty === property });
if (col.length) {
columns.push({
title: col[0].displayName,
field: col[0].mappingProperty
});
}
}
}