Any valid text or HTML fragment to display in the header cell for the
-checkbox column. Defaults to:
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.,
-
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,7 +64,7 @@ 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 Properties
Public Methods
|
| CheckboxSelectionModel( Object config )
| CheckboxSelectionModel |
| addEvents( Object|String o , string Optional. )
:
@@ -147,38 +147,38 @@ false, iteration is stopped and this function ...Calls t
false, iteration is stopped and this function returns
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');
- }
- }
+ 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).
|