Properties Methods Events Config Options Direct Link

Class Ext.Action

Package:Ext
Defined In:Action.js
Class:Action
Extends:Object
*

An Action is a piece of reusable functionality that can be abstracted out of any particular component so that it can be usefully shared among multiple components. Actions let you share handlers, configuration options and UI updates across any components that support the Action interface (primarily Ext.Toolbar, Ext.Button and Ext.menu.Menu components).

Aside from supporting the config object interface, any component that needs to use Actions must also support the following method list, as these will be called as needed by the Action class: setText(string), setIconCls(string), setDisabled(boolean), setVisible(boolean) and setHandler(function).

Example usage:
// Define the shared action.  Each component below will have the same
// display text and icon, and will display the same message on click.
var action = new Ext.Action({
    text: 'Do something',
    handler: function(){
        Ext.Msg.alert('Click', 'You did something.');
    },
    iconCls: 'do-something'
});

var panel = new Ext.Panel({
    title: 'Actions',
    width:500,
    height:300,
    tbar: [
        // Add the action directly to a toolbar as a menu button
        action, {
            text: 'Action Menu',
            // Add the action to a menu as a text item
            menu: [action]
        }
    ],
    items: [
        // Add the action to the panel body as a standard button
        new Ext.Button(action)
    ],
    renderTo: Ext.getBody()
});

// Change the text for all components using the action
action.setText('Something else');

Config Options

Config Options Defined By
  disabled : Boolean
True to disable all components using this action, false to enable them (defaults to false).
Action
  hidden : Boolean
True to hide all components using this action, false to show them (defaults to false).
Action
  scope : Object
The scope in which the handler function will execute.
Action
  text : String
The text to set for all components using this action (defaults to '').
Action

Public Properties

Property Defined By
  isDisabled : Object
Returns true if the components using this action are currently disabled, else returns false. Read-only.
Action
  isHidden : Object
Returns true if the components using this action are currently hidden, else returns false. Read-only.
Action

Public Methods

Method Defined By

Public Events

This class has no public events.