Posted 7 August 2019, 11:40 pm EST
Thanks Ashwin, this is exactly my requirement I need to disable Submit button until user filled all the required fields, but this approach looks a bit verbose. Do I need to apply formly-form to each of the required field in the template ? I am using below code for wijmo flexgrid which has few required columns:
<div class="row">
<div class="col-md-12">
<wj-flex-grid class="custom-grid" #flex [itemsSource]="data" [allowAddNew]="true" [allowDelete]="true"
(keydown)="onFlexKeydown(flex,$event)" (initialized)="initializeGrid(flex)">
<wj-flex-grid-filter #filter></wj-flex-grid-filter>
<wj-flex-grid-column header="Operator/Branding" binding="airlineOperator" width="*" [minWidth]="minColumnWidth"
[dataMap]="airlineOperators" [isRequired]="true">
</wj-flex-grid-column>
<wj-flex-grid-column header="Aircraft Type/Asset Type" binding="assetType" width="*" [minWidth]="minColumnWidth"
[dataMap]="assetTypes">
</wj-flex-grid-column>
<wj-flex-grid-column header="Year of Manufacture" binding="yearOfManufacture" width="*"
[minWidth]="minColumnWidth">
</wj-flex-grid-column>
<wj-flex-grid-column header="Make & Model" binding="makeModel" width="*" [minWidth]="minColumnWidth"
[maxLength]="40">
</wj-flex-grid-column>
<wj-flex-grid-column header="Registration Number" binding="regNo" width="*" [minWidth]="minColumnWidth"
[isRequired]="true" [maxLength]="10">
</wj-flex-grid-column>
<wj-flex-grid-column header="Serial Number" binding="serialNo" width="*" [minWidth]="minColumnWidth"
[maxLength]="10">
</wj-flex-grid-column>
<wj-flex-grid-column header="Seats" binding="seats" width="*" [minWidth]="minColumnWidth"></wj-flex-grid-column>
<wj-flex-grid-column header="Agreed Values" binding="agreedValues" width="*" [minWidth]="minColumnWidth"
[isRequired]="true">
</wj-flex-grid-column>
<wj-flex-grid-column header="Addition Date" binding="additionDate" width="*" [minWidth]="minColumnWidth">
</wj-flex-grid-column>
<wj-flex-grid-column header="Deletion Date" binding="deletionDate" width="*" [minWidth]="minColumnWidth">
</wj-flex-grid-column>
<wj-flex-grid-column header="Pro Rata Factor" binding="proRataFactor" width="*" [minWidth]="minColumnWidth"
[isRequired]="true">
</wj-flex-grid-column>
<wj-flex-grid-column header="AFV / Average Value" binding="afv" width="*" [minWidth]="minColumnWidth"
[isRequired]="true">
</wj-flex-grid-column>
<wj-flex-grid-column header="Pro Rata Seats" binding="proRataSeats" width="*" [minWidth]="minColumnWidth">
</wj-flex-grid-column>
<wj-flex-grid-column header="Total Loss Only Value" binding="totalLossOnlyValue" width="*"
[minWidth]="minColumnWidth" [isRequired]="true">
</wj-flex-grid-column>
</wj-flex-grid>
</div>
</div>