mazdik / ng-mazdik

Angular UI component library
https://mazdik.github.io/ng-mazdik
MIT License
89 stars 34 forks source link

headerCellTemplate in Update dialog #66

Open hghew opened 4 years ago

hghew commented 4 years ago

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?

Annotation 2020-01-10 151637

mazdik commented 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