Disabling all UI fields at one time with the web UI framework

You can use the Web UI Framework to disable all of the screen fields at once, without having to individually disable any field. When you disable a field, you cannot change the data that is in that field. The field becomes read-only.

After disabling all of the fields, you can still cut and paste information from those fields, but you cannot submit information from form fields that have been disabled. You cannot disable all of the fields only for look-and-feel purposes.

To disable all of the screen fields at once, use the Ext JS JavaScript method disableFields. A function created from this method has the following properties:
  • disable

    Boolean property that determines if all fields on the screen are disabled.

  • deep

    Boolean property that determines whether the disable property applies to the immediate children fields of the screen. If this is set to true, the disable property applies to all children fields. If this is set to false, the disable property applies only to immediate children fields.

  • allowCopy

    Boolean property that determines whether a disable method is called for all fields. If this is set to true, fields will be marked read-only with an opacity of 0.6. If this is set to false, a disable method will be called for all fields.

  • disableCSS

    String property that shows the custom css that will be applied if allowCopy is set to true.

If the scIgnoreDisable property in a field is set to true, that field will ignore the disableFields method.