devextreme - 将项目动态添加到 dxForm 角度 2 中的项目组

Question

我有一个包含多个字段的表单（dxForm），我想在运行时添加新字段。所以我想找到一个“组”类型的项目，并向其中添加一个“简单”类型的项目集合，我可以在其中从 JSON、标签、值、EditoType 等构建自定义字段。

提前致谢

Answer 1

使用 JavaScript push方法将项目添加到 dxForm 集合。例如：

<dx-form [formData]="customer" [items]="formItems"></dx-form>

addItem() {
    this.formItems.push({
      itemType: 'group',
      caption: 'Customer',
      colCount: 3,
      items: ['firstName', 'lastName', 'age']
    });
 }