X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..6a7e4474cba9d8be4b2ec445e10f1691f7277c50:/docs/output/Ext.grid.PropertyGrid.html diff --git a/docs/output/Ext.grid.PropertyGrid.html b/docs/output/Ext.grid.PropertyGrid.html index 2a48b221..17e930a1 100644 --- a/docs/output/Ext.grid.PropertyGrid.html +++ b/docs/output/Ext.grid.PropertyGrid.html @@ -1,4 +1,4 @@ -
Observable
  Component
    BoxComponent
      Container
        Panel
          GridPanel
            EditorGridPanel
              PropertyGrid

Class Ext.grid.PropertyGrid

Package:Ext.grid
Defined In:PropertyGrid.js
Class:PropertyGrid
Extends:EditorGridPanel
A specialized grid implementation intended to mimic the traditional property grid as typically seen in +
Properties Methods Events Config Options Direct Link 
Observable
  Component
    BoxComponent
      Container
        Panel
          GridPanel
            EditorGridPanel
              PropertyGrid

Class Ext.grid.PropertyGrid

Package:Ext.grid
Defined In:PropertyGrid.js
Class:PropertyGrid
Extends:EditorGridPanel
A specialized grid implementation intended to mimic the traditional property grid as typically seen in development IDEs. Each row in the grid represents a property of some object, and the data is stored as a set of name/value pairs in Ext.grid.PropertyRecords. Example usage: 
var grid = new Ext.grid.PropertyGrid({
@@ -22,18 +22,18 @@ based layout manager, for example:
    
 

 
See Ext.layout.AnchorLayout.anchor also.
BoxComponent animCollapse : Boolean
true to animate the transition when the panel is collapsed, false to skip the animation (defaults to true if the Ext....
true to animate the transition when the panel is collapsed, false to skip the -animation (defaults to true if the Ext.Fx class is available, otherwise false).
Panel autoEncode : Boolean
True to automatically HTML encode and decode values pre and post edit (defaults to false)
EditorGridPanel autoExpandColumn : String
The id of a column in -this grid that should expand to fill unused space. This value specified here can not -be 0. -N...

The id of a column in -this grid that should expand to fill unused space. This value specified here can not -be 0.

-

Note: If the Grid's view is configured with -forceFit=true the autoExpandColumn -is ignored. See Ext.grid.Column.width -for additional details.

-

See autoExpandMax and autoExpandMin also.

GridPanel autoExpandMax : Number
The maximum width the autoExpandColumn -can have (if enabled). Defaults to 1000.
GridPanel autoExpandMin : Number
The minimum width the autoExpandColumn +animation (defaults to true if the Ext.Fx class is available, otherwise false).
Panel autoEncode : Boolean
True to automatically HTML encode and decode values pre and post edit (defaults to false)
EditorGridPanel autoExpandColumn : String
The id of a column in +this grid that should expand to fill unused space. This value specified here can not +be 0. +Note...

The id of a column in +this grid that should expand to fill unused space. This value specified here can not +be 0.

+

Note: If the Grid's view is configured with +forceFit=true the autoExpandColumn +is ignored. See Ext.grid.Column.width +for additional details.

+

See autoExpandMax and autoExpandMin also.

GridPanel autoExpandMax : Number
The maximum width the autoExpandColumn +can have (if enabled). Defaults to 1000.
GridPanel autoExpandMin : Number
The minimum width the autoExpandColumn can have (if enabled). Defaults to 50.
GridPanel autoHeight : Boolean
true to use height:'auto', false to use fixed height (defaults to false). Note: Setting autoHeight: true means that t...
true to use height:'auto', false to use fixed height (defaults to false). Note: Setting autoHeight: true means that the browser will manage the panel's height @@ -108,9 +108,9 @@ Warning: This will override any size manag...

The maxi Warning: This will override any size mana...

The minimum value in pixels which this BoxComponent will set its height to.

Warning: This will override any size management applied by layout managers.

BoxComponent boxMinWidth : Number
The minimum value in pixels which this BoxComponent will set its width to. Warning: This will override any size manag...

The minimum value in pixels which this BoxComponent will set its width to.

-

Warning: This will override any size management applied by layout managers.

BoxComponent bubbleEvents : Array
An array of events that, when fired, should be bubbled to any parent container. -See Ext.util.Observable.enableBubble...

An array of events that, when fired, should be bubbled to any parent container. -See Ext.util.Observable.enableBubble. +

Warning: This will override any size management applied by layout managers.

BoxComponent bubbleEvents : Array
An array of events that, when fired, should be bubbled to any parent container. +See Ext.util.Observable.enableBubble....

An array of events that, when fired, should be bubbled to any parent container. +See Ext.util.Observable.enableBubble. Defaults to [].

GridPanel buttonAlign : String
The alignment of any buttons added to this panel. Valid values are 'right', 'left' and 'center' (defaults to 'right'...
The alignment of any buttons added to this panel. Valid values are 'right', 'left' and 'center' (defaults to 'right').
Panel buttons : Array
buttons will be used as items for the toolbar in @@ -142,11 +142,11 @@ any other tools in the panel's title bar, false to render it last ( false).
Panel collapsedCls : String
A CSS class to add to the panel's element after it has been collapsed (defaults to 'x-panel-collapsed').
Panel collapsible : Boolean
True to make the panel collapsible and have the expand/collapse toggle button automatically rendered into the header ...
True to make the panel collapsible and have the expand/collapse toggle button automatically rendered into -the header tool button area, false to keep the panel statically sized with no button (defaults to false).
Panel columnLines : Boolean
true to add css for column separation lines. -Default is false.
GridPanel columns : Array
An array of columns to auto create a -Ext.grid.ColumnModel. The ColumnModel may be explicitly created via the -colMo...
An array of columns to auto create a -Ext.grid.ColumnModel. The ColumnModel may be explicitly created via the +the header tool button area, false to keep the panel statically sized with no button (defaults to false).
Panel columnLines : Boolean
true to add css for column separation lines. +Default is false.
GridPanel columns : Array
An array of columns to auto create a +Ext.grid.ColumnModel. The ColumnModel may be explicitly created via the +colMode...
An array of columns to auto create a +Ext.grid.ColumnModel. The ColumnModel may be explicitly created via the colModel configuration property.
GridPanel ctCls : String
An optional extra CSS class that will be added to this component's container. This can be useful for adding customize...

An optional extra CSS class that will be added to this component's container. This can be useful for adding customized styles to the container or any of its children using standard CSS rules. See @@ -193,14 +193,14 @@ that it will render. Example usage: Available: true } });

PropertyGrid data : Mixed
The initial set of data to apply to the tpl to -update the content area of the Component.
Component ddGroup : String
The DD group this GridPanel belongs to. Defaults to 'GridDD' if not specified.
GridPanel ddText : String
Configures the text in the drag proxy. Defaults to: -ddText : '{0} selected row{1}' -{0} is replaced with the number...
Configures the text in the drag proxy. Defaults to: -
ddText : '{0} selected row{1}'
-{0} is replaced with the number of selected rows.
GridPanel deferRowRender : Boolean
Defaults to true to enable deferred row rendering. -This allows the GridPanel to be initially rendered empty, with th...

Defaults to true to enable deferred row rendering.

-

This allows the GridPanel to be initially rendered empty, with the expensive update of the row -structure deferred so that layouts with GridPanels appear more quickly.

GridPanel disableSelection : Boolean

true to disable selections in the grid. Defaults to false.

+update the content area of the Component.
Component ddGroup : String
The DD group this GridPanel belongs to. Defaults to 'GridDD' if not specified.
GridPanel ddText : String
Configures the text in the drag proxy. Defaults to: +ddText : '{0} selected row{1}' +{0} is replaced with the number o...
Configures the text in the drag proxy. Defaults to: +
ddText : '{0} selected row{1}'
+{0} is replaced with the number of selected rows.
GridPanel deferRowRender : Boolean
Defaults to true to enable deferred row rendering. +This allows the GridPanel to be initially rendered empty, with the...

Defaults to true to enable deferred row rendering.

+

This allows the GridPanel to be initially rendered empty, with the expensive update of the row +structure deferred so that layouts with GridPanels appear more quickly.

GridPanel disableSelection : Boolean

true to disable selections in the grid. Defaults to false.

Ignored if a SelectionModel is specified.

GridPanel disabled : Boolean
Render this panel disabled (default is false). An important note when using the disabled config on panels is that IE ...
Render this panel disabled (default is false). An important note when using the disabled config on panels is that IE will often fail to initialize the disabled mask element correectly if @@ -258,17 +258,17 @@ added by implementing the interface methods of Panel enableColumnHide : Boolean
Defaults to true to enable hiding of columns -with the header menu.
GridPanel enableColumnMove : Boolean
Defaults to true to enable drag and drop reorder of columns. false -to turn off column reordering via drag drop.
GridPanel enableColumnResize : Boolean
false to turn off column resizing for the whole grid. Defaults to true.
GridPanel enableDragDrop : Boolean
Enables dragging of the selected rows of the GridPanel. Defaults to false. -Setting this to true causes this GridPane...

Enables dragging of the selected rows of the GridPanel. Defaults to false.

-

Setting this to true causes this GridPanel's GridView to -create an instance of Ext.grid.GridDragZone. Note: this is available only after -the Grid has been rendered as the GridView's dragZone -property.

-

A cooperating DropZone must be created who's implementations of -onNodeEnter, onNodeOver, -onNodeOut and onNodeDrop are able +}).show();

Panel enableColumnHide : Boolean
Defaults to true to enable hiding of columns +with the header menu.
GridPanel enableColumnMove : Boolean
Defaults to true to enable drag and drop reorder of columns. false +to turn off column reordering via drag drop.
GridPanel enableColumnResize : Boolean
false to turn off column resizing for the whole grid. Defaults to true.
GridPanel enableDragDrop : Boolean
Enables dragging of the selected rows of the GridPanel. Defaults to false. +Setting this to true causes this GridPanel...

Enables dragging of the selected rows of the GridPanel. Defaults to false.

+

Setting this to true causes this GridPanel's GridView to +create an instance of Ext.grid.GridDragZone. Note: this is available only after +the Grid has been rendered as the GridView's dragZone +property.

+

A cooperating DropZone must be created who's implementations of +onNodeEnter, onNodeOver, +onNodeOut and onNodeDrop are able to process the data which is provided.

GridPanel enableHdMenu : Boolean
Defaults to true to enable the drop down button for menu in the headers.
GridPanel fbar : Object/Array
A Toolbar object, a Toolbar config, or an array of Buttons/Button configs, describing a Toolbar to be rendered into t...

A Toolbar object, a Toolbar config, or an array of Buttons/Button configs, describing a Toolbar to be rendered into this Panel's footer element.

@@ -577,7 +577,7 @@ Ext.DomObserver = Ext.extend(Object, { typeAhead: true, mode: 'local', triggerAction: 'all' -});

Observable loadMask : Object
An Ext.LoadMask config or true to mask the grid while +});

Observable loadMask : Object
An Ext.LoadMask config or true to mask the grid while loading. Defaults to false.
GridPanel margins : Object
Note: this config is only used when this BoxComponent is rendered by a Container which has been configured to use the...

Note: this config is only used when this BoxComponent is rendered by a Container which has been configured to use the BorderLayout @@ -674,12 +674,12 @@ only applies when

The number of pixels to offset the shadow if displayed (defaults to 4). Note that this option only applies when floating = true.
Panel shim : Boolean
false to disable the iframe shim in browsers which need one (defaults to true). Note that this option only applies wh...
false to disable the iframe shim in browsers which need one (defaults to true). -Note that this option only applies when floating = true.
Panel sm : Object
Shorthand for selModel.
GridPanel source : Object
A data object to use as the data source of the grid (see setSource for details).
PropertyGrid source : Object
A data object to use as the data source of the grid (see setSource for details).
PropertyGrid stateEvents : Array
An array of events that, when fired, should trigger this component to save its state. -Defaults to:stateEvents: ['col...
An array of events that, when fired, should trigger this component to save its state. -Defaults to:
stateEvents: ['columnmove', 'columnresize', 'sortchange', 'groupchange']
-

These can be any types of events supported by this component, including browser or -custom events (e.g., ['click', 'customerchange']).

-

See Ext.Component.stateful for an explanation of saving and restoring +Note that this option only applies when floating = true.

Panel sm : Object
Shorthand for selModel.
GridPanel source : Object
A data object to use as the data source of the grid (see setSource for details).
PropertyGrid source : Object
A data object to use as the data source of the grid (see setSource for details).
PropertyGrid stateEvents : Array
An array of events that, when fired, should trigger this component to save its state. +Defaults to:stateEvents: ['colu...
An array of events that, when fired, should trigger this component to save its state. +Defaults to:
stateEvents: ['columnmove', 'columnresize', 'sortchange', 'groupchange']
+

These can be any types of events supported by this component, including browser or +custom events (e.g., ['click', 'customerchange']).

+

See Ext.Component.stateful for an explanation of saving and restoring Component state.

GridPanel stateId : String
The unique id for this component to use for state management purposes (defaults to the component id if one was set, o...
The unique id for this component to use for state management purposes (defaults to the component id if one was set, otherwise null if the @@ -721,11 +721,11 @@ properties into the object, but a developer may override this to support more behaviour.

You can perform extra processing on state save and restore by attaching handlers to the beforestaterestore, staterestore, -beforestatesave and statesave events.

Component store : Ext.data.Store
The Ext.data.Store the grid should use as its data source (required).
GridPanel stripeRows : Boolean
true to stripe the rows. Default is false. -This causes the CSS class x-grid3-row-alt to be added to alternate rows o...
true to stripe the rows. Default is false. -

This causes the CSS class x-grid3-row-alt to be added to alternate rows of -the grid. A default CSS rule is provided which sets a background colour, but you can override this -with a rule which either overrides the background-color style using the '!important' +beforestatesave and statesave events.

Component store : Ext.data.Store
The Ext.data.Store the grid should use as its data source (required).
GridPanel stripeRows : Boolean
true to stripe the rows. Default is false. +This causes the CSS class x-grid3-row-alt to be added to alternate rows of...
true to stripe the rows. Default is false. +

This causes the CSS class x-grid3-row-alt to be added to alternate rows of +the grid. A default CSS rule is provided which sets a background colour, but you can override this +with a rule which either overrides the background-color style using the '!important' modifier, or which uses a CSS selector of higher specificity.

GridPanel style : String
A custom style specification to be applied to this component's Element. Should be a valid argument to Ext.Element.ap...
A custom style specification to be applied to this component's Element. Should be a valid argument to Ext.Element.applyStyles. @@ -876,13 +876,13 @@ Used in conjunction with the The Ext.(X)Template method to use when updating the content area of the Component. Defaults to 'overwrite' -(see Ext.XTemplate.overwrite).
Component trackMouseOver : Boolean
True to highlight rows when the mouse is over. Default is true +(see Ext.XTemplate.overwrite).
Component trackMouseOver : Boolean
True to highlight rows when the mouse is over. Default is true for GridPanel, but false for EditorGridPanel.
GridPanel unstyled : Boolean
Overrides the baseCls setting to baseCls = 'x-plain' which renders the panel unstyled except for required attributes ...
Overrides the baseCls setting to baseCls = 'x-plain' which renders -the panel unstyled except for required attributes for Ext layouts to function (e.g. overflow:hidden).
Panel view : Object
The Ext.grid.GridView used by the grid. This can be set -before a call to render().
GridPanel viewConfig : Object
A config object that will be applied to the grid's UI view. Any of -the config options available for Ext.grid.GridVi...
A config object that will be applied to the grid's UI view. Any of -the config options available for Ext.grid.GridView can be specified here. This option +the panel unstyled except for required attributes for Ext layouts to function (e.g. overflow:hidden).
Panel view : Object
The Ext.grid.GridView used by the grid. This can be set +before a call to render().
GridPanel viewConfig : Object
A config object that will be applied to the grid's UI view. Any of +the config options available for Ext.grid.GridVie...
A config object that will be applied to the grid's UI view. Any of +the config options available for Ext.grid.GridView can be specified here. This option is ignored if view is specified.
GridPanel width : Number
The width of this component in pixels (defaults to auto). Note to express this dimension as a percentage or offset se...
The width of this component in pixels (defaults to auto). Note to express this dimension as a percentage or offset see Ext.Component.anchor.
BoxComponent x : Number
The local x (left) coordinate for this component if contained within a positioning container.
BoxComponent xtype : String
The registered xtype to create. This config option is not used when passing @@ -1027,38 +1027,38 @@ removing the component from its Ext.ComponentMgr. Destruction is generally handled automatically by the framework and this method should usually not need to be called directly.
Parameters:
  • None.
Returns:
  • void
Component enableBubble( String/Array events ) : - void
Enables events fired by this Observable to bubble up an owner hierarchy by calling -this.getBubbleTarget() if present...

Enables events fired by this Observable to bubble up an owner hierarchy by calling -this.getBubbleTarget() if present. There is no implementation in the Observable base class.

-

This is commonly used by Ext.Components to bubble events to owner Containers. See Ext.Component.getBubbleTarget. The default -implementation in Ext.Component returns the Component's immediate owner. But if a known target is required, this can be overridden to -access the required target more quickly.

-

Example:

Ext.override(Ext.form.Field, {
-    //  Add functionality to Field's initComponent to enable the change event to bubble

-    initComponent : Ext.form.Field.prototype.initComponent.createSequence(function() {
-        this.enableBubble('change');
-    }),
-
-    //  We know that we want Field's events to bubble directly to the FormPanel.

-    getBubbleTarget : function() {
-        if (!this.formPanel) {
-            this.formPanel = this.findParentByType('form');
-        }
-        return this.formPanel;
-    }
-});
-
-var myForm = new Ext.formPanel({
-    title: 'User Details',
-    items: [{
-        ...
-    }],
-    listeners: {
-        change: function() {
-            // Title goes red if form has been modified.

-            myForm.header.setStyle('color', 'red');
-        }
-    }
+                                        void
Enables events fired by this Observable to bubble up an owner hierarchy by calling
+this.getBubbleTarget() if present....
Enables events fired by this Observable to bubble up an owner hierarchy by calling
+this.getBubbleTarget() if present. There is no implementation in the Observable base class.

+
This is commonly used by Ext.Components to bubble events to owner Containers. See Ext.Component.getBubbleTarget. The default
+implementation in Ext.Component returns the Component's immediate owner. But if a known target is required, this can be overridden to
+access the required target more quickly.

+
Example:
Ext.override(Ext.form.Field, {
+    //  Add functionality to Field's initComponent to enable the change event to bubble
+    initComponent : Ext.form.Field.prototype.initComponent.createSequence(function() {
+        this.enableBubble('change');
+    }),
+
+    //  We know that we want Field's events to bubble directly to the FormPanel.
+    getBubbleTarget : function() {
+        if (!this.formPanel) {
+            this.formPanel = this.findParentByType('form');
+        }
+        return this.formPanel;
+    }
+});
+
+var myForm = new Ext.formPanel({
+    title: 'User Details',
+    items: [{
+        ...
+    }],
+    listeners: {
+        change: function() {
+            // Title goes red if form has been modified.
+            myForm.header.setStyle('color', 'red');
+        }
+    }
 });
Parameters:
  • events : String/Array
    The event name to bubble, or an Array of event names.
Returns:
  • void
Observable expand( Boolean animate )
     :
                                         Ext.Panel
Expands the panel body so that it becomes visible.  Fires the beforeexpand event which will
@@ -1107,7 +1107,9 @@ or use a render listener directly:
new Ext.Panel({
         },
         single: true  // Remove the listener after first invocation
     }
-});
Parameters:
  • None.
Returns:
  • Ext.Element
    The Element which encapsulates this Component.
Component getFrameHeight()
+});
Parameters:
  • None.
Returns:
  • Ext.Element
    The Element which encapsulates this Component.
Component getFooterToolbar() + : + Ext.Toolbar
Returns the toolbar from the footer (fbar) section of the panel.
Returns the toolbar from the footer (fbar) section of the panel.
Parameters:
  • None.
Returns:
  • Ext.Toolbar
    The toolbar
Panel getFrameHeight() : Number
Returns the height in pixels of the framing elements of this panel (including any top and bottom bars and header and ...
Returns the height in pixels of the framing elements of this panel (including any top and bottom bars and @@ -1159,9 +1161,9 @@ contains both the <input> Element (which is what would be return by its getEl method, and the trigger button Element. This Element is returned as the resizeEl.
Parameters:
  • None.
Returns:
  • Ext.Element
    The Element which is to be resized by size managing layouts.
BoxComponent getSelectionModel() : - SelectionModel
Returns the grid's selection model configured by the selModel -configuration option. If no selection model was config...
Returns the grid's selection model configured by the selModel -configuration option. If no selection model was configured, this will create + SelectionModel
Returns the grid's selection model configured by the selModel +configuration option. If no selection model was configu...
Returns the grid's selection model configured by the selModel +configuration option. If no selection model was configured, this will create and return a RowSelectionModel.
Parameters:
  • None.
Returns:
  • SelectionModel
GridPanel getSize() : Object
Gets the current size of the component's underlying element.
Gets the current size of the component's underlying element.
Parameters:
  • None.
Returns:
  • Object
    An object containing the element's size {width: (element width), height: (element height)}
BoxComponent getSource() @@ -1246,14 +1248,14 @@ is the scope (this reference) in which the handler function is exec : void
Removes all listeners for this object
Removes all listeners for this object
Parameters:
  • None.
Returns:
  • void
Observable reconfigure( Ext.data.Store store, Ext.grid.ColumnModel colModel ) : - void
Reconfigures the grid to use a different Store and Column Model -and fires the 'reconfigure' event. The View will be ...

Reconfigures the grid to use a different Store and Column Model -and fires the 'reconfigure' event. The View will be bound to the new -objects and refreshed.

-

Be aware that upon reconfiguring a GridPanel, certain existing settings may become -invalidated. For example the configured autoExpandColumn may no longer exist in the -new ColumnModel. Also, an existing PagingToolbar will still be bound -to the old Store, and will need rebinding. Any plugins might also need reconfiguring + void

Reconfigures the grid to use a different Store and Column Model +and fires the 'reconfigure' event. The View will be b...

Reconfigures the grid to use a different Store and Column Model +and fires the 'reconfigure' event. The View will be bound to the new +objects and refreshed.

+

Be aware that upon reconfiguring a GridPanel, certain existing settings may become +invalidated. For example the configured autoExpandColumn may no longer exist in the +new ColumnModel. Also, an existing PagingToolbar will still be bound +to the old Store, and will need rebinding. Any plugins might also need reconfiguring with the new data.

Parameters:Returns:
  • void
GridPanel relayEvents( Object o, Array events ) : void
Relays selected events from the specified Observable as if the events were fired by this.
Relays selected events from the specified Observable as if the events were fired by this.
Parameters:
  • o : Object
    The Observable whose events this object is to relay.
  • events : Array
    Array of event names to relay.
Returns:
  • void
Observable removeAll( [Boolean autoDestroy] ) @@ -1297,10 +1299,10 @@ event...
Resume firing events. (see Parameters:
  • None.
Returns:
  • void
Observable setAutoScroll( Boolean scroll ) : - Ext.BoxComponent
Sets the overflow on the content element of the component.
Sets the overflow on the content element of the component.
Parameters:
  • scroll : Boolean
    True to allow the Component to auto scroll.
Returns:
  • Ext.BoxComponent
    this
BoxComponent setHeight( Number height ) + Ext.BoxComponent
Sets the overflow on the content element of the component.
Sets the overflow on the content element of the component.
Parameters:
  • scroll : Boolean
    True to allow the Component to auto scroll.
Returns:
  • Ext.BoxComponent
    this
BoxComponent setHeight( Mixed height ) : - Ext.BoxComponent
Sets the height of the component. This method fires the resize event.
Sets the height of the component. This method fires the resize event.
Parameters:
  • height : Number
    The new height to set. This may be one of:
      -
    • A Number specifying the new height in the Element's Ext.Element.defaultUnits (by default, pixels).
      • + Ext.BoxComponent
      Sets the height of the component. This method fires the resize event.
      Sets the height of the component. This method fires the resize event.
      Parameters:
      • height : Mixed
        The new height to set. This may be one of:
          +
        • A Number specifying the new height in the Element's defaultUnits (by default, pixels).
        • A String used to set the CSS height style.
        • undefined to leave the height unchanged.
      Returns:
      • Ext.BoxComponent
        this
      BoxComponent setIconClass( String cls ) @@ -1353,10 +1355,10 @@ In order to be able to set the title, a header eleme...
    < for the Panel. This is triggered either by configuring the Panel with a non-blank title, or configuring it with header: true.

    Parameters:
    • title : String
      The title text to set
    • iconCls : String
      (optional) iconCls A user-defined CSS class that provides the icon image for this panel
    Returns:
    • void
    Panel setVisible( Boolean visible ) : - Ext.Component
    Convenience function to hide or show this component by boolean.
    Convenience function to hide or show this component by boolean.
    Parameters:
    • visible : Boolean
      True to show, false to hide
    Returns:
    • Ext.Component
      this
    Component setWidth( Number width ) + Ext.Component
    Convenience function to hide or show this component by boolean.
    Convenience function to hide or show this component by boolean.
    Parameters:
    • visible : Boolean
      True to show, false to hide
    Returns:
    • Ext.Component
      this
    Component setWidth( Mixed width ) : - Ext.BoxComponent
    Sets the width of the component. This method fires the resize event.
    Sets the width of the component. This method fires the resize event.
    Parameters:
    • width : Number
      The new width to setThis may be one of:
        -
      • A Number specifying the new width in the Element's Ext.Element.defaultUnits (by default, pixels).
        • + Ext.BoxComponent
        Sets the width of the component. This method fires the resize event.
        Sets the width of the component. This method fires the resize event.
        Parameters:
        • width : Mixed
          The new width to set. This may be one of:
            +
          • A Number specifying the new width in the Element's defaultUnits (by default, pixels).
          • A String used to set the CSS width style.
        Returns:
        • Ext.BoxComponent
          this
        BoxComponent show() : @@ -1473,16 +1475,16 @@ has a null implementation.
    Fires when the body element is scrolled
    Fires when the body element is scrolled
    Listeners will be called with the following arguments:
    • scrollLeft : Number
    • scrollTop : Number
GridPanel cellclick : ( Grid this, Number rowIndex, Number columnIndex, Ext.EventObject e ) -
Fires when a cell is clicked. -The data for the cell is drawn from the Record -for this row. To access the data in th...
Fires when a cell is clicked. -The data for the cell is drawn from the Record -for this row. To access the data in the listener function use the -following technique: -
function(grid, rowIndex, columnIndex, e) {
-    var record = grid.getStore().getAt(rowIndex);  // Get the Record

-    var fieldName = grid.getColumnModel().getDataIndex(columnIndex); // Get field name

-    var data = record.get(fieldName);
+    
Fires when a cell is clicked.
+The data for the cell is drawn from the Record
+for this row. To access the data in the ...
Fires when a cell is clicked.
+The data for the cell is drawn from the Record
+for this row. To access the data in the listener function use the
+following technique:
+
function(grid, rowIndex, columnIndex, e) {
+    var record = grid.getStore().getAt(rowIndex);  // Get the Record
+    var fieldName = grid.getColumnModel().getDataIndex(columnIndex); // Get field name
+    var data = record.get(fieldName);
 }
Listeners will be called with the following arguments:
  • this : Grid
  • rowIndex : Number
  • columnIndex : Number
  • e : Ext.EventObject
GridPanel cellcontextmenu :
                                       ( Grid this, Number rowIndex, Number cellIndex, Ext.EventObject e )
     
Fires when a cell is right clicked
Fires when a cell is right clicked
Listeners will be called with the following arguments:
  • this : Grid
  • rowIndex : Number
  • cellIndex : Number
  • e : Ext.EventObject
GridPanel celldblclick :