Overview

Major view elements are managed using Ext.util.MixedCollection class:

  • View.panels : collection of all registered panel controls in the view;
  • Component.actions : collection of Ab.view.Action objects that represent panel-level toolbar action buttons, for any panel type;
  • Form.fields : collection of Ab.form.Field objects that represent form fields;
  • Field.actions : collection of Ab.view.Action objects that represent per-field action buttons;
  • ReportGrid.gridRows : collection of Ab.grid.Row objects that represent grid rows;
  • Row.actions : collection of Ab.view.Action objects that represent per-row action buttons;


You can use Ext.util.MixedCollection as an indexed array, access items by the key as in a map, or search and add event listeners that will fire when items are added or removed.

An example of the code that uses a collection to perform the same function on all collection elements:

// actions is a mixed collection
actions.each(function(action) {
action.enable(some condition);
});