[td-dynamic-forms] [FAQ] Is it possible to disable fields in dynamic form?

[filipows]

Is it possible to disable all or some of the controls in a <td-dynamic-forms>?
I have already tried:

@ViewChild(TdDynamicFormsComponent) form: TdDynamicFormsComponent;
...
this.form.controls['input_name'].disable();

And what happens is the property of the formControl actually changes to: disabled: true (and status: 'DISABLED'), but there's no result in the view (inputs are still editable) 😕

Any ideas why that's not working?

[emoralesb05]

Tested it and its actually a bug, will add support for this next release.

[filipows]

Thanks @emoralesb05 !
Let me know if I can help with that.

[ghost]

Is this fix implemented in Beta 4?

[kyleledbetter]

Nope. It has an RC milestone and this issue is still open

[ghost]

Any progress regarding disable controls? Why removed from Beta.5?

[emoralesb05]

We were fixing other things and improving other components (with limited resources), but right now we are triaging the dynamic form issues and features to create a road map for it. So expect this and more feature to be fixed soon.

[emoralesb05]

This has already been fixed implicitly but once you disable the elements, its going to be required to call the refresh method of the component.

e.g.

@ViewChild('dynamicForm') dynamicForm: TdDynamicFormsComponent;

disableElement(): void {
    this.dynamicForm.controls['element-0'].disable();
    this.dynamicForm.refresh();
  }

Fix will be available in beta.7 or you can test it in the nightly build