|
| GroupingView( Object config )
+ | GroupingView |
| addEvents( Object|String o , string Optional. )
+ :
+ voidAdds the specified events to the list of events which this Observable may fire. Adds the specified events to the list of events which this Observable may fire. | Observable |
| addListener( String eventName , Function handler , [Object scope ], [Object options ] )
+ :
voidAppends an event handler to this object. Appends an event handler to this object. Parameters:eventName : StringThe name of the event to listen for. handler : FunctionThe method the event invokes. scope : Object(optional) The scope (this reference) in which the handler function is executed.
If omitted, defaults to the object which fired the event. options : Object(optional) An object containing handler configuration.
properties. This may contain any of the following properties:
@@ -203,8 +209,8 @@ Using the options argument, it is possible to combine different types of listene
A delayed, one-time listener.
myDataView.on('click', this.onClick, this, {
- single: true,
- delay: 100
+single: true,
+delay: 100
});
Attaching multiple handlers in 1 call
@@ -212,63 +218,95 @@ The method also allows for a single argument to be passed which is a config obje
which specify multiple handlers.
myGridPanel.on({
- 'click' : {
- fn: this.onClick,
- scope: this,
- delay: 100
- },
- 'mouseover' : {
- fn: this.onMouseOver,
- scope: this
- },
- 'mouseout' : {
- fn: this.onMouseOut,
- scope: this
- }
+'click' : {
+ fn: this.onClick,
+ scope: this,
+ delay: 100
+},
+'mouseover' : {
+ fn: this.onMouseOver,
+ scope: this
+},
+'mouseout' : {
+ fn: this.onMouseOut,
+ scope: this
+}
});
Or a shorthand syntax:
myGridPanel.on({
- 'click' : this.onClick,
- 'mouseover' : this.onMouseOver,
- 'mouseout' : this.onMouseOut,
- scope: this
-});
Returns: | Observable |
| collapseAllGroups()
- :
- voidCollapses all grouped rows. Collapses all grouped rows. | GroupingView |
| enableBubble( Object events )
- :
- voidUsed to enable bubbling of events Used to enable bubbling of events | Observable |
| expandAllGroups()
- :
- voidExpands all grouped rows. Expands all grouped rows. | GroupingView |
| findCellIndex( HTMLElement el )
- :
- TheReturn the index of the grid column which contains the passed HTMLElement.
+'click' : this.onClick,
+'mouseover' : this.onMouseOver,
+'mouseout' : this.onMouseOut,
+ scope: this
+}); Returns: | Observable |
| collapseAllGroups()
+ :
+ voidCollapses all grouped rows. Collapses all grouped rows. | GroupingView |
| enableBubble( Object events )
+ :
+ voidEnables 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");
+ }
+ }
+});
| Observable |
| expandAllGroups()
+ :
+ voidExpands all grouped rows. Expands all grouped rows. | GroupingView |
| findCellIndex( HTMLElement el )
+ :
+ NumberReturn the index of the grid column which contains the passed HTMLElement.
See also findRowIndex Return the index of the grid column which contains the passed HTMLElement.
-See also findRowIndexParameters:el : HTMLElementThe target element Returns: | GridView |
| findRow( HTMLElement el )
- :
- TheReturn the HtmlElement representing the grid row which contains the passed element. Return the HtmlElement representing the grid row which contains the passed element. Parameters:el : HTMLElementThe target HTMLElement Returns: | GridView |
| findRowIndex( HTMLElement el )
- :
- TheReturn the index of the grid row which contains the passed HTMLElement.
+See also findRowIndexParameters:el : HTMLElementThe target element Returns: | GridView |
| findRow( HTMLElement el )
+ :
+ HTMLElementReturn the HtmlElement representing the grid row which contains the passed element. Return the HtmlElement representing the grid row which contains the passed element. Parameters:el : HTMLElementThe target HTMLElement Returns: | GridView |
| findRowIndex( HTMLElement el )
+ :
+ NumberReturn the index of the grid row which contains the passed HTMLElement.
See also findCellIndex Return the index of the grid row which contains the passed HTMLElement.
-See also findCellIndexParameters:el : HTMLElementThe target HTMLElement Returns: | GridView |
| fireEvent( String eventName , Object... args )
- :
- BooleanFires the specified event with the passed parameters (minus the event name).
+See also findCellIndexParameters:el : HTMLElementThe target HTMLElement Returns: | GridView |
| fireEvent( String eventName , Object... args )
+ :
+ BooleanFires the specified event with the passed parameters (minus the event name).
An event may be set to bubble up an Obse... | Observable |
| focusCell( Number row , Number col )
- :
- voidFocuses the specified cell. Focuses the specified cell. Parameters:row : NumberThe row index col : NumberThe column index Returns: | GridView |
| focusRow( Number row )
- :
- voidFocuses the specified row. Focuses the specified row. Parameters:row : NumberThe row index Returns: | GridView |
| getCell( Number row , Number col )
- :
- HtmlElementReturns the grid's <td> HtmlElement at the specified coordinates. Returns the grid's <td> HtmlElement at the specified coordinates. | GridView |
| getGroupId( String value )
- :
- StringDynamically tries to determine the groupId of a specific value Dynamically tries to determine the groupId of a specific value | GroupingView |
| getHeaderCell( Number index )
- :
- HtmlElementReturn the <td> HtmlElement which represents the Grid's header cell for the specified column index. Return the <td> HtmlElement which represents the Grid's header cell for the specified column index. Parameters:index : NumberThe column index Returns:HtmlElement The td element.
| GridView |
| getRow( Number index )
- :
- HtmlElementReturn the <div> HtmlElement which represents a Grid row for the specified index. Return the <div> HtmlElement which represents a Grid row for the specified index. Parameters:index : NumberThe row index Returns:HtmlElement The div element.
| GridView |
| getRowClass( Record record , Number index , Object rowParams , Store store )
- :
- StringOverride this function to apply custom CSS classes to rows during rendering. You can also supply custom
+by calling enableBubble. | Observable |
| focusCell( Number row , Number col )
+ :
+ voidFocuses the specified cell. Focuses the specified cell. Parameters:row : NumberThe row index col : NumberThe column index Returns: | GridView |
| focusRow( Number row )
+ :
+ voidFocuses the specified row. Focuses the specified row. Parameters:row : NumberThe row index Returns: | GridView |
| getCell( Number row , Number col )
+ :
+ HtmlElementReturns the grid's <td> HtmlElement at the specified coordinates. Returns the grid's <td> HtmlElement at the specified coordinates. | GridView |
| getGroupId( String value )
+ :
+ StringDynamically tries to determine the groupId of a specific value Dynamically tries to determine the groupId of a specific value | GroupingView |
| getHeaderCell( Number index )
+ :
+ HtmlElementReturn the <td> HtmlElement which represents the Grid's header cell for the specified column index. Return the <td> HtmlElement which represents the Grid's header cell for the specified column index. Parameters:index : NumberThe column index Returns:HtmlElement The td element.
| GridView |
| getRow( Number index )
+ :
+ HtmlElementReturn the <div> HtmlElement which represents a Grid row for the specified index. Return the <div> HtmlElement which represents a Grid row for the specified index. Parameters:index : NumberThe row index Returns:HtmlElement The div element.
| GridView |
| getRowClass( Record record , Number index , Object rowParams , Store store )
+ :
+ StringOverride this function to apply custom CSS classes to rows during rendering. You can also supply custom
parameters t... Override this function to apply custom CSS classes to rows during rendering. You can also supply custom
parameters to the row template for the current row to customize how it is rendered using the rowParams
parameter. This function should return the CSS class name (or empty string '' for none) that will be added
@@ -297,48 +335,48 @@ The following property will be passed in, and may be appended to:
store : StoreReturns: | GridView |
| hasListener( String eventName )
- :
- BooleanChecks to see if this object has any listeners for a specified event Checks to see if this object has any listeners for a specified event | Observable |
| on( String eventName , Function handler , [Object scope ], [Object options ] )
- :
+store : StoreReturns: | GridView |
| hasListener( String eventName )
+ :
+ BooleanChecks to see if this object has any listeners for a specified event Checks to see if this object has any listeners for a specified event | Observable |
| on( String eventName , Function handler , [Object scope ], [Object options ] )
+ :
voidAppends an event handler to this object (shorthand for addListener.) Appends an event handler to this object (shorthand for addListener.) Parameters:eventName : StringThe type of event to listen for handler : FunctionThe method the event invokes scope : Object(optional) The scope (this reference) in which the handler function is executed.
-If omitted, defaults to the object which fired the event. options : Object(optional) An object containing handler configuration. Returns: | Observable |
| purgeListeners()
- :
- voidRemoves all listeners for this object Removes all listeners for this object | Observable |
| refresh( [Boolean headersToo ] )
- :
- void | GridView |
| relayEvents( Object o , Array events )
- :
- voidRelays 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. | Observable |
| removeListener( String eventName , Function handler , [Object scope ] )
- :
- voidRemoves an event handler. Removes an event handler. | Observable |
| resumeEvents()
- :
- voidResume firing events. (see suspendEvents)
-If events were suspended using the queueSuspended parameter, then all
+If omitted, defaults to the object which fired the event. options : Object(optional) An object containing handler configuration. Returns: | Observable |
| purgeListeners()
+ :
+ voidRemoves all listeners for this object Removes all listeners for this object | Observable |
| refresh( [Boolean headersToo ] )
+ :
+ void | GridView |
| relayEvents( Object o , Array events )
+ :
+ voidRelays 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. | Observable |
| removeListener( String eventName , Function handler , [Object scope ] )
+ :
+ voidRemoves an event handler. Removes an event handler. | Observable |
| resumeEvents()
+ :
+ voidResume firing events. (see suspendEvents)
+If events were suspended using the queueSuspended parameter, then all
event... Resume firing events. (see suspendEvents)
If events were suspended using the queueSuspended parameter, then all
-events fired during event suspension will be sent to any listeners now. | Observable |
| scrollToTop()
- :
- voidScrolls the grid to the top Scrolls the grid to the top | GridView |
| suspendEvents( Boolean queueSuspended )
- :
+events fired during event suspension will be sent to any listeners now. | Observable |
| scrollToTop()
+ :
+ voidScrolls the grid to the top Scrolls the grid to the top | GridView |
| suspendEvents( Boolean queueSuspended )
+ :
voidSuspend the firing of all events. (see resumeEvents) Suspend the firing of all events. (see resumeEvents) Parameters:queueSuspended : BooleanPass as true to queue up suspended events to be fired
-after the resumeEvents call instead of discarding all suspended events; Returns: | Observable |
| toggleAllGroups( [Boolean expanded ] )
- :
- voidToggles all groups if no value is passed, otherwise sets the expanded state of all groups to the value passed. Toggles all groups if no value is passed, otherwise sets the expanded state of all groups to the value passed. Parameters:expanded : Boolean(optional) Returns: | GroupingView |
| toggleGroup( String groupId , [Boolean expanded ] )
- :
- voidToggles the specified group if no value is passed, otherwise sets the expanded state of the group to the value passed... Toggles the specified group if no value is passed, otherwise sets the expanded state of the group to the value passed. | GroupingView |
| un( String eventName , Function handler , [Object scope ] )
- :
- voidRemoves an event handler (shorthand for removeListener.) | Observable |