Serenity: display all control to readonly according to a field value

[amrgDev]

how to make all controls readonly according to a field value

[postonoh]

https://stackoverflow.com/questions/16455032/mark-a-field-read-only-with-data-annotations

[amrgDev]

thanks, but this will make the control readonly all the time.
I use this code this.form.FromDtm.set_readOnly(true); in afterLoadEntity(), but I'm asking, if we can set the form to readonly according to a certain field value without use this code for every control in the form.

[brunobola]

@amrgDev You can use a lookup and use se setectchange event

[she-ll-b-rite]

checkout the ReadOnly dialog example in the Serenity demo. simple variation to line 41 & 44 should get you the result.
https://github.com/volkanceylan/Serene/blob/master/Serene/Serene.Web/Modules/BasicSamples/Dialogs/ReadOnlyDialog/ReadOnlyDialog.ts

[Zahar661]

export class PayDialog extends Serenity.EntityDialog<PayRow, any> {
       .........................

        protected updateInterface() {
            super.updateInterface();
            if (!this.isNew()) {
                if (this.entity.Fact) {
                    Serenity.EditorUtils.setReadonly(this.element.find('.editor'), true);
                    this.element.find('sup').hide();
                    this.deleteButton.hide();
                    Serenity.EditorUtils.setReadonly(this.form.FactCost.element, false);
                    Serenity.EditorUtils.setReadonly(this.form.DateCost.element, false);
                    Serenity.EditorUtils.setReadonly(this.form.Notes.element, false);

                } 


            }
        }

[amrgDev]

Thanks @Zahar661 ,this match my requirments