| header : StringAny valid text or HTML fragment to display in the header cell for the
-checkbox column. Defaults to:'<div class="... Any valid text or HTML fragment to display in the header cell for the
-checkbox column. Defaults to: '<div class="x-grid3-hd-checker"> </div>'
-The default CSS class of 'x-grid3-hd-checker' displays a checkbox in the header
-and provides support for automatic check all/none behavior on header click. This string
-can be replaced by any valid HTML fragment, including a simple text string (e.g.,
- 'Select Rows'), but the automatic check all/none behavior will only work if the
+ A custom selection model that renders a column of checkboxes that can be toggled to select or deselect rows. Config Options|
| checkOnly : Boolean true if rows can only be selected by clicking on the
+checkbox column (defaults to false). | CheckboxSelectionModel | | header : StringAny valid text or HTML fragment to display in the header cell for the
+checkbox column. Defaults to:'<div class="x... Any valid text or HTML fragment to display in the header cell for the
+checkbox column. Defaults to: '<div class="x-grid3-hd-checker"> </div>'
+The default CSS class of 'x-grid3-hd-checker' displays a checkbox in the header
+and provides support for automatic check all/none behavior on header click. This string
+can be replaced by any valid HTML fragment, including a simple text string (e.g.,
+ 'Select Rows'), but the automatic check all/none behavior will only work if the
'x-grid3-hd-checker' class is supplied. | CheckboxSelectionModel | | listeners : ObjectA config object containing one or more event handlers to be added to this
object during initialization. This should ... A config object containing one or more event handlers to be added to this
object during initialization. This should be a valid listeners config object as specified in the
@@ -64,11 +64,13 @@ Ext.DomObserver = Ext.extend(Object, {
}); | Observable | | moveEditorOnEnter : Booleanfalse to turn off moving the editor to the next row down when the enter key is pressed
or the next row up when shift ... false to turn off moving the editor to the next row down when the enter key is pressed
or the next row up when shift + enter keys are pressed. | RowSelectionModel | | singleSelect : Boolean true to allow selection of only one row at a time (defaults to false
-allowing multiple selections) | RowSelectionModel | | sortable : Boolean true if the checkbox column is sortable (defaults to
+allowing multiple selections) | RowSelectionModel | | sortable : Boolean true if the checkbox column is sortable (defaults to
false). | CheckboxSelectionModel | | width : Number The default width in pixels of the checkbox column (defaults to 20). | CheckboxSelectionModel |
Public PropertiesPublic Methods|
| CheckboxSelectionModel( Object config )
- | CheckboxSelectionModel | | addEvents( Object object )
+ | CheckboxSelectionModel | | addEvents( Object|String o , string Optional. )
:
- voidUsed to define events on this Observable Used to define events on this Observable | Observable | | addListener( String eventName , Function handler , [Object scope ], [Object options ] )
+ 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.
@@ -89,8 +91,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
@@ -98,27 +100,27 @@ 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
+'click' : this.onClick,
+'mouseover' : this.onMouseOver,
+'mouseout' : this.onMouseOut,
+ scope: this
});
Returns: | Observable | | clearSelections( [Boolean fast ] )
:
voidClears all selections if the selection model
@@ -143,9 +145,41 @@ prevent notifying the view (disables updating the selected appearance) Calls the passed function with each selection. If the function returns
false, iteration is stopped and this function ... Calls the passed function with each selection. If the function returns
false, iteration is stopped and this function returns
- false. Otherwise it returns true. Parameters:fn : Functionscope : Object(optional) Returns: | RowSelectionModel | | enableBubble( Object events )
- :
- voidUsed to enable bubbling of events Used to enable bubbling of events | Observable | | fireEvent( String eventName , Object... args )
+false. Otherwise it returns true. | RowSelectionModel | | enableBubble( String/Array 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 | | 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... Fires the specified event with the passed parameters (minus the event name).
|
|