动态剑道 UI 网格

Question

我遇到了动态创建的 kendo UI 网格的问题。 当我使用 title 和 field 属性指定 columns 数组并渲染网格时，网格列不显示指定的 title 而是显示 field 名称。我不希望字段名称按原样显示，因为字段名称本身作为列标题没有意义。

注意：这是在角度控制器内完成的。

这是我的网格定义

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

在此之后，我将其分配给网格列集合

ctrl.commonGridOptions = { columns: columns, };

然后只需使用网格数据源数据方法来填充数据。

ctrl.commonGrid.dataSource.data(ctrl.TableData);

从昨天开始我就在摸不着头脑，但无法弄清楚出了什么问题。

谁能帮帮我。

谢谢

Answer 1

好的，我解决了这个问题。以下是按预期工作的代码。 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 }); } } }