Open hghew opened 4 years ago
column.formTemplate
<ng-template #formTemplate let-dynElement="column" let-value="value">
<div class="dt-group">
<label [attr.for]="dynElement.name">{{dynElement.title}}</label>
<input type="text"
class="dt-input"
placeholder="{{dynElement.title}}"
id="{{dynElement.name}}"
[value]="value || null"
(input)="onFormValueChange(dynElement, $event.target.value)"
[disabled]="dynElement.disableOnEdit"/>
</div>
</ng-template>
@ViewChild('formTemplate', {static: true}) formTemplate: TemplateRef<any>;
ngOnInit() {
const column = this.dataManager.columns.find(x => x.name === 'name');
column.formTemplate = this.formTemplate;
}
onFormValueChange(dynElement, value) {
this.dataManager.item[dynElement.name] = value;
}
see also multi-select-demo
Is it possible to add headerCellTemplate to Update dialog as the attached image? The crud table header column with headerCellTemplate have (Details), can it include inside Update dialog?