如何在 dxdatagrid 中动态创建具有 dataType 的 dxi-column？

【问题标题】：How to create dxi-column with dataType dynamically in dxdatagrid?如何在 dxdatagrid 中动态创建具有 dataType 的 dxi-column？
【发布时间】：2018-06-07 09:57:38
【问题描述】：

我们正在开发一个 Angular 应用程序。我必须在具有

的 dxdatagrid 中显示记录

每次架构都会不同。数据来自不同的表。
想要添加/编辑记录
想显示每种数据类型对应的控件

请任何人帮助实现同样的目标。

【问题讨论】：

标签： angular typescript dx-data-grid

【解决方案1】：

您可以在dx-data-grid 上使用属性[columns]。

示例：在你的组件上

const columns =  [{
        dataField: 'id',
        caption: 'Id',
        width: 100,
        dataType: number 
    }, {
        dataField: 'Name',
        caption: 'Name',
        width: 500,
        dataType: string
    }];

在你看来

<dx-data-grid id="gridExample"
              [dataSource] = "dataSource" 
              [columns] = "columns">
</dx-data-grid>

参考：https://js.devexpress.com/Documentation/ApiReference/UI_Widgets/dxDataGrid/Configuration/columns/

【讨论】：