How to set values for TdDynamicFormsComponent in teradata covalent

Question

I want to set values in the form on my edit page then i can be able to edit.

public formElements = [
    {
      name: 'market',
      type: TdDynamicElement.Input,
      label: 'market',
      required: true,
      flex: 50
    },
    {
      name: 'commodity',
      type: TdDynamicElement.Input,
      required: true,
      flex: 50,
      label: 'Commodity'
    },
    {
      name: 'time',
      label: 'Time',
      type: TdDynamicElement.Datepicker,
      required: true,
      flex: 50
    }
  ];

I want to add value like this <input type='text' value='some name'/>

Thanks

Edited. this is how i display the form in html

<mat-card>
  <mat-card-content>
    <h5>Add an Market</h5>

    <td-dynamic-forms #formRest [elements]="formElements">
    </td-dynamic-forms>

    <button mat-raised-button color="accent" (click)="submit()">Save</button>
    <button mat-raised-button color="warn" (click)="close()">Cancel</button>
  </mat-card-content>
</mat-card>

@Ajmalsha That formElements code above is my form in teradata. Let me edit and show how i call the form in html — Eng xtian, Feb 09 '18 at 12:14
In teradata covalent they data is put in form elements and then called [elements]="formElements". No formcontrol — Eng xtian, Feb 09 '18 at 12:38

score 2 · Accepted Answer · answered Feb 09 '18 at 16:46

2

The Covalent Dynamic Forms has a default property on the form element interface. You can use that to set an initial value. It does not automatically update the form though if the array does not change.

{
  "name": "text",
  "type": "text",
  "required": false,
  "default": "Default",
  "flex": 50
},

See this used in the following Stackblitz

answered Feb 09 '18 at 16:46

Chic

9,836
4
33
62

1

Thanks @Chic It's what i was looking for – Eng xtian Feb 10 '18 at 10:49

How to set values for TdDynamicFormsComponent in teradata covalent

1 Answers1