Hierarchy
Ext.util.ObservableExt.grid.GridViewExt.grid.GroupingView
Files
GroupingView.js

Adds the ability for single level grouping to the grid. A GroupingStore\nmust be used to enable grouping. Some grouping characteristics may also be configured at the\nColumn level

\n\n

Sample usage:

\n\n\n

var grid = new Ext.grid.GridPanel({\n    // A groupingStore is required for a GroupingView\n    store: new Ext.data.GroupingStore({\n        autoDestroy: true,\n        reader: reader,\n        data: xg.dummyData,\n        sortInfo: {field: 'company', direction: 'ASC'},\n        groupOnSort: true,\n        remoteGroup: true,\n        groupField: 'industry'\n    }),\n    colModel: new Ext.grid.ColumnModel({\n        columns:[\n            {id:'company',header: 'Company', width: 60, dataIndex: 'company'},\n            // groupable, groupName, groupRender are also configurable at column level\n            {header: 'Price', renderer: Ext.util.Format.usMoney, dataIndex: 'price', groupable: false},\n            {header: 'Change', dataIndex: 'change', renderer: Ext.util.Format.usMoney},\n            {header: 'Industry', dataIndex: 'industry'},\n            {header: 'Last Updated', renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}\n        ],\n        defaults: {\n            sortable: true,\n            menuDisabled: false,\n            width: 20\n        }\n    }),\n\n    view: new Ext.grid.GroupingView({\n        forceFit: true,\n        // custom grouping text template to display the number of items per group\n        groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? \"Items\" : \"Item\"]})'\n    }),\n\n    frame:true,\n    width: 700,\n    height: 450,\n    collapsible: true,\n    animCollapse: false,\n    title: 'Grouping Example',\n    iconCls: 'icon-grid',\n    renderTo: document.body\n});\n

\n\n

Defined By

Config options

Ext.grid.GridView
view source

autoFill : Boolean

Defaults to false. ...

Defaults to false. Specify true to have the column widths re-proportioned\nwhen the grid is initially rendered. The\ninitially configured width of each column will be adjusted\nto fit the grid width and prevent horizontal scrolling. If columns are later resized (manually\nor programmatically), the other columns in the grid will not be resized to fit the grid width.\nSee forceFit also.

Defaults to: false

Ext.grid.GroupingView
view source

cancelEditOnToggle : Boolean

True to cancel any editing when the group header is toggled. ...

True to cancel any editing when the group header is toggled. Defaults to true.

Defaults to: true

Ext.grid.GridView
view source

cellSelector : String

The selector used to find cells internally (defaults to 'td.x-grid3-cell') ...

The selector used to find cells internally (defaults to 'td.x-grid3-cell')

Defaults to: 'td.x-grid3-cell'

Ext.grid.GridView
view source

cellSelectorDepth : Number

The number of levels to search for cells in event delegation (defaults to 4) ...

The number of levels to search for cells in event delegation (defaults to 4)

Defaults to: 4

Ext.grid.GridView
view source

columnsText : String

The text displayed in the 'Columns' menu item (defaults to 'Columns') ...

The text displayed in the 'Columns' menu item (defaults to 'Columns')

Defaults to: 'Columns'

Ext.grid.GridView
view source

deferEmptyText : Boolean

True to defer emptyText being applied until the store's\nfirst load (defaults to true). ...

True to defer emptyText being applied until the store's\nfirst load (defaults to true).

Defaults to: true

Ext.grid.GroupingView
view source

emptyGroupText : String

The text to display when there is an empty group value (defaults to '(None)'). ...

The text to display when there is an empty group value (defaults to '(None)').\nMay also be specified per column, see Ext.grid.Column.emptyGroupText.

Defaults to: '(None)'

Ext.grid.GridView
view source

emptyText : String

Default text (html tags are accepted) to display in the grid body when no rows\nare available (defaults to ''). ...

Default text (html tags are accepted) to display in the grid body when no rows\nare available (defaults to ''). This value will be used to update the mainBody:

\n\n

    this.mainBody.update('<div class=\"x-grid-empty\">' + this.emptyText + '</div>');\n

\n\n

Ext.grid.GroupingView
view source

enableGrouping : Boolean

false to disable grouping functionality (defaults to true) ...

false to disable grouping functionality (defaults to true)

Defaults to: true

Ext.grid.GroupingView
view source

enableGroupingMenu : Boolean

true to enable the grouping control in the column menu (defaults to true) ...

true to enable the grouping control in the column menu (defaults to true)

Defaults to: true

Ext.grid.GroupingView
view source

enableNoGroups : Boolean

true to allow the user to turn off grouping (defaults to true) ...

true to allow the user to turn off grouping (defaults to true)

Defaults to: true

Ext.grid.GridView
view source

enableRowBody : Boolean

True to add a second TR element per row that can be used to provide a row body\nthat spans beneath the data row. ...

True to add a second TR element per row that can be used to provide a row body\nthat spans beneath the data row. Use the getRowClass method's rowParams config to customize the row body.

Ext.grid.GridView
view source

forceFit : Boolean

Defaults to false. ...

Defaults to false. Specify true to have the column widths re-proportioned\nat all times.

\n\n\n

The initially configured width of each\ncolumn will be adjusted to fit the grid width and prevent horizontal scrolling. If columns are\nlater resized (manually or programmatically), the other columns in the grid will be resized\nto fit the grid width.

\n\n\n

Columns which are configured with fixed: true are omitted from being resized.

\n\n\n

See autoFill.

\n\n

Defaults to: false

Ext.grid.GroupingView
view source

groupByText : String

Text displayed in the grid header menu for grouping by a column\n(defaults to 'Group By This Field'). ...

Text displayed in the grid header menu for grouping by a column\n(defaults to 'Group By This Field').

Defaults to: 'Group By This Field'

Ext.grid.GroupingView
view source

groupMode : String

Indicates how to construct the group identifier. ...

Indicates how to construct the group identifier. 'value' constructs the id using\nraw value, 'display' constructs the id using the rendered value. Defaults to 'value'.

Defaults to: 'value'

Ext.grid.GroupingView
view source

groupRenderer : Function

This property must be configured in the Ext.grid.Column for\neach column.

Ext.grid.GroupingView
view source

groupTextTpl : String

The template used to render the group header (defaults to '{text}'). ...

The template used to render the group header (defaults to '{text}').\nThis is used to format an object which contains the following properties:

\n\n

group : String
The rendered value of the group field.\nBy default this is the unchanged value of the group field. If a groupRenderer\nis specified, it is the result of a call to that function.
gvalue : Object
The raw value of the group field.
text : String
The configured header (as described in showGroupName)\nif showGroupName is true) plus the rendered group field value.
groupId : String
A unique, generated ID which is applied to the\nView Element which contains the group.
startRow : Number
The row index of the Record which caused group change.
rs : Array
Contains a single element: The Record providing the data\nfor the row which caused group change.
cls : String
The generated class name string to apply to the group header Element.
style : String
The inline style rules to apply to the group header Element.

\n\n\n

\nSee Ext.XTemplate for information on how to format data using a template. Possible usage:

\n\n

var grid = new Ext.grid.GridPanel({\n    ...\n    view: new Ext.grid.GroupingView({\n        groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? \"Items\" : \"Item\"]})'\n    }),\n});\n

\n\n

Defaults to: '{text}'

Ext.grid.GridView
view source

headerMenuOpenCls : String

The CSS class to add to the header cell when its menu is visible. ...

The CSS class to add to the header cell when its menu is visible. Defaults to 'x-grid3-hd-menu-open'

Defaults to: 'x-grid3-hd-menu-open'

Ext.grid.GridView
view source

headersDisabled : Boolean

True to disable the grid column headers (defaults to false). ...

True to disable the grid column headers (defaults to false).\nUse the ColumnModel menuDisabled\nconfig to disable the menu for individual columns. While this config is true the\nfollowing will be disabled:

clicking on header to sort
the trigger to reveal the menu.

Ext.grid.GroupingView
view source

hideGroupedColumn : Boolean

true to hide the column that is currently grouped (defaults to false) ...

true to hide the column that is currently grouped (defaults to false)

Defaults to: false

Ext.grid.GridView
view source

hideSortIcons : Boolean

True to hide the sorting icons if sorting is disabled for a column. ...

True to hide the sorting icons if sorting is disabled for a column. Defaults to false

Defaults to: false

Ext.grid.GroupingView
view source

ignoreAdd : Boolean

true to skip refreshing the view when new rows are added (defaults to false) ...

true to skip refreshing the view when new rows are added (defaults to false)

Defaults to: false

Ext.util.Observable
view source

listeners : Object

(optional) A config object containing one or more event handlers to be added to this\nobject during initialization. ...

(optional)

A config object containing one or more event handlers to be added to this\nobject during initialization. This should be a valid listeners config object as specified in the\naddListener example for attaching multiple handlers at once.

\n\n

DOM events from ExtJs Components

\n\n\n

While some ExtJs Component classes export selected DOM events (e.g. \"click\", \"mouseover\" etc), this\n\n\n

is usually only done when extra value can be added. For example the DataView's\nclick event passing the node clicked on. To access DOM\nevents directly from a Component's HTMLElement, listeners must be added to the Element after the Component\nhas been rendered. A plugin can simplify this step:

\n\n

// Plugin is configured with a listeners config object.\n// The Component is appended to the argument list of all handler functions.\nExt.DomObserver = Ext.extend(Object, {\n    constructor: function(config) {\n        this.listeners = config.listeners ? config.listeners : config;\n    },\n\n    // Component passes itself into plugin's init method\n    init: function(c) {\n        var p, l = this.listeners;\n        for (p in l) {\n            if (Ext.isFunction(l[p])) {\n                l[p] = this.createHandler(l[p], c);\n            } else {\n                l[p].fn = this.createHandler(l[p].fn, c);\n            }\n        }\n\n        // Add the listeners to the Element immediately following the render call\n        c.render = c.render.createSequence(function() {\n            var e = c.getEl();\n            if (e) {\n                e.on(l);\n            }\n        });\n    },\n\n    createHandler: function(fn, c) {\n        return function(e) {\n            fn.call(this, e, c);\n        };\n    }\n});\n\nvar combo = new Ext.form.ComboBox({\n\n    // Collapse combo when its element is clicked on\n    plugins: [ new Ext.DomObserver({\n        click: function(evt, comp) {\n            comp.collapse();\n        }\n    })],\n    store: myStore,\n    typeAhead: true,\n    mode: 'local',\n    triggerAction: 'all'\n});\n

\n\n\n

Ext.grid.GridView
view source

markDirty : Boolean

True to show the dirty cell indicator when a cell has been modified. ...

True to show the dirty cell indicator when a cell has been modified. Defaults to true.

Defaults to: true

Ext.grid.GridView
view source

rowBodySelector : String

The selector used to find row bodies internally (defaults to 'div.x-grid3-row') ...

The selector used to find row bodies internally (defaults to 'div.x-grid3-row')

Defaults to: 'div.x-grid3-row-body'

Ext.grid.GridView
view source

rowBodySelectorDepth : Number

The number of levels to search for row bodies in event delegation (defaults to 10) ...

The number of levels to search for row bodies in event delegation (defaults to 10)

Defaults to: 10

Ext.grid.GridView
view source

rowOverCls : String

The CSS class added to each row when it is hovered over. ...

The CSS class added to each row when it is hovered over. Defaults to 'x-grid3-row-over'

Defaults to: 'x-grid3-row-over'

Ext.grid.GridView
view source

rowSelector : String

The selector used to find rows internally (defaults to 'div.x-grid3-row') ...

The selector used to find rows internally (defaults to 'div.x-grid3-row')

Defaults to: 'div.x-grid3-row'

Ext.grid.GridView
view source

rowSelectorDepth : Number

The number of levels to search for rows in event delegation (defaults to 10) ...

The number of levels to search for rows in event delegation (defaults to 10)

Defaults to: 10

Ext.grid.GridView
view source

scrollOffset : Number

The amount of space to reserve for the vertical scrollbar\n(defaults to undefined). ...

The amount of space to reserve for the vertical scrollbar\n(defaults to undefined). If an explicit value isn't specified, this will be automatically\ncalculated.

Ext.grid.GridView
view source

selectedRowClass : String

The CSS class applied to a selected row (defaults to 'x-grid3-row-selected'). ...

The CSS class applied to a selected row (defaults to 'x-grid3-row-selected'). An\nexample overriding the default styling:

\n\n

    .x-grid3-row-selected {background-color: yellow;}\n

\n\n\n

Note that this only controls the row, and will not do anything for the text inside it. To style inner\nfacets (like text) use something like:

\n\n

    .x-grid3-row-selected .x-grid3-cell-inner {\n        color: #FFCC00;\n    }\n

\n\n\n

@type String

Defaults to: 'x-grid3-row-selected'

Ext.grid.GroupingView
view source

showGroupName : Boolean

If true will display a prefix plus a ': ' before the group field value\nin the group header line. ...

If true will display a prefix plus a ': ' before the group field value\nin the group header line. The prefix will consist of the groupName\n(or the configured header if not provided) configured in the\nExt.grid.Column for each set of grouped rows (defaults to true).

Defaults to: true

Ext.grid.GroupingView
view source

showGroupsText : String

Text displayed in the grid header for enabling/disabling grouping\n(defaults to 'Show in Groups'). ...

Text displayed in the grid header for enabling/disabling grouping\n(defaults to 'Show in Groups').

Defaults to: 'Show in Groups'

Ext.grid.GridView
view source

sortAscText : String

The text displayed in the 'Sort Ascending' menu item (defaults to 'Sort Ascending') ...

The text displayed in the 'Sort Ascending' menu item (defaults to 'Sort Ascending')

Defaults to: 'Sort Ascending'

Ext.grid.GridView
view source

sortClasses : Array

The CSS classes applied to a header when it is sorted. ...

The CSS classes applied to a header when it is sorted. (defaults to ['sort-asc', 'sort-desc'])

Defaults to: ['sort-asc', 'sort-desc']

Ext.grid.GridView
view source

sortDescText : String

The text displayed in the 'Sort Descending' menu item (defaults to 'Sort Descending') ...

The text displayed in the 'Sort Descending' menu item (defaults to 'Sort Descending')

Defaults to: 'Sort Descending'

Ext.grid.GroupingView
view source

startCollapsed : Boolean

true to start all groups collapsed (defaults to false) ...

true to start all groups collapsed (defaults to false)

Defaults to: false

Defined By

Properties

Ext.grid.GridView
view source

Ext.Template : masterTpl

The master template to use when rendering the GridView. ...

The master template to use when rendering the GridView. Has a default template

Ext.grid.GridView
view source

bodyTpl : Ext.Template

The template to use when rendering the body. ...

The template to use when rendering the body. Has a default template

Ext.grid.GridView
view source

borderWidth : Numberprivate

private ...

private

Defaults to: 2

Ext.grid.GridView
view source

cellTpl : Ext.Template

The template to use to render each cell. ...

The template to use to render each cell. Has a default template

Ext.grid.GridView
view source

dragZone : Ext.grid.GridDragZone

A customized implementation of a DragZone which provides default implementations\nof the template methods of DragZone ...

A customized implementation of a DragZone which provides default implementations\nof the template methods of DragZone to enable dragging of the selected rows of a GridPanel.\nSee Ext.grid.GridDragZone for details.

\n\n\n

This will only be present:

if the owning GridPanel was configured with enableDragDrop: true.
after the owning GridPanel has been rendered.

\n\n

Ext.grid.GridView
view source

firstRowCls : Stringprivate

private ...

private

Defaults to: 'x-grid3-row-first'

Ext.grid.GridView
view source

hdCls : Stringprivate

...

Defaults to: 'x-grid3-hd'

Ext.grid.GridView
view source

headerTpl : Ext.Template

The template to use when rendering headers. ...

The template to use when rendering headers. Has a default template

Ext.grid.GridView
view source

lastRowCls : Stringprivate

...

Defaults to: 'x-grid3-row-last'

Ext.grid.GridView
view source

mainBody : Ext.Element

Read-only. ...

Read-only. The GridView's body Element which encapsulates all rows in the Grid.\nThis Element is only available after the GridPanel has been rendered.

Ext.grid.GridView
view source

rowClsRe : RegExpprivate

...

Defaults to: /(?:^|\\s+)x-grid3-row-(first|last|alt)(?:\\s+|$)/g

Ext.grid.GridView
view source

tdClass : Stringprivate

...

Defaults to: 'x-grid3-cell'

Defined By

Methods

Ext.grid.GroupingView
view source

newExt.grid.GroupingView( config ) : Ext.grid.GroupingView

...

Parameters

config : Object
\n

Returns

Ext.grid.GroupingView
\n

Overrides: Ext.grid.GridView.constructor

Ext.util.Observable
view source

addEvents( o, Optional )

Adds 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.

Parameters

o : Object|String
Either an object with event names as properties with a value of true\nor the first event name string if multiple event names are being passed as separate parameters.
\n
Optional : string
. Event name if multiple event names are being passed as separate parameters.\nUsage:
\n\n
```
this.addEvents('storeloaded', 'storecleared');\n
```
\n\n

Ext.util.Observable
view source

addListener( eventName, handler, [scope], [options] )

Appends an event handler to this object. ...

Appends an event handler to this object.

Parameters

eventName : String
The name of the event to listen for.
\n
handler : Function
The method the event invokes.
\n
scope : Object (optional)
The scope (this reference) in which the handler function is executed.\nIf omitted, defaults to the object which fired the event.
\n
options : Object (optional)
An object containing handler configuration.\nproperties. This may contain any of the following properties:
- scope : Object
  The scope (this reference) in which the handler function is executed.\nIf omitted, defaults to the object which fired the event.
- delay : Number
  The number of milliseconds to delay the invocation of the handler after the event fires.
- single : Boolean
  True to add a handler to handle just the next firing of the event, and then remove itself.
- buffer : Number
  Causes the handler to be scheduled to run in an Ext.util.DelayedTask delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is not invoked, but the new handler is scheduled in its place.
- target : Observable
  Only call the handler if the event was fired on the target Observable, not\nif the event was bubbled up from a child Observable.
\n\n
\nCombining Options
\nUsing the options argument, it is possible to combine different types of listeners:
\n
\nA delayed, one-time listener.\n
```
myDataView.on('click', this.onClick, this, {\nsingle: true,\ndelay: 100\n});
```
\n
\nAttaching multiple handlers in 1 call
\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n
\n
```
myGridPanel.on({\n'click' : {\n    fn: this.onClick,\n    scope: this,\n    delay: 100\n},\n'mouseover' : {\n    fn: this.onMouseOver,\n    scope: this\n},\n'mouseout' : {\n    fn: this.onMouseOut,\n    scope: this\n}\n});
```
\n
\nOr a shorthand syntax:
\n
```
myGridPanel.on({\n'click' : this.onClick,\n'mouseover' : this.onMouseOver,\n'mouseout' : this.onMouseOut,\n scope: this\n});
```
\n\n

Ext.grid.GridView
view source

addRowClass( rowId, cls )private

private - use getRowClass to apply custom row classes ...

private - use getRowClass to apply custom row classes

Parameters

rowId : Object
\n
cls : Object
\n

Ext.grid.GridView
view source

afterMove( colIndex )private

...

Parameters

colIndex : Object
\n

Ext.grid.GroupingView
view source

afterRender( )private

private ...

private

Overrides: Ext.grid.GridView.afterRender

Ext.grid.GroupingView
view source

afterRenderUI( )private

This is always intended to be called after renderUI. ...

This is always intended to be called after renderUI. Sets up listeners on the UI elements\nand sets up options like column menus, moving and resizing.

Overrides: Ext.grid.GridView.afterRenderUI

Ext.grid.GridView
view source

applyEmptyText( )private

Displays the configured emptyText if there are currently no rows to display ...

Displays the configured emptyText if there are currently no rows to display

Ext.grid.GridView
view source

autoExpand( preventUpdate )private

Resizes the configured autoExpandColumn to take the available width after the other columns have\nbeen accounted for ...

Resizes the configured autoExpandColumn to take the available width after the other columns have\nbeen accounted for

Parameters

preventUpdate : Boolean
True to prevent the resizing of all rows (defaults to false)
\n

Ext.grid.GridView
view source

beforeColMenuShow( )private

Click handler for the shared column dropdown menu, called on beforeshow. ...

Click handler for the shared column dropdown menu, called on beforeshow. Builds the menu\nwhich displays the list of columns for the user to show or hide.

Ext.grid.GroupingView
view source

beforeMenuShow( )private

private ...

private

Ext.grid.GridView
view source

beforeUpdate( )private

private ...

private

Ext.grid.GridView
view source

bind( d, c )private

DEPRECATED - will be removed in Ext JS 5.0 ...

DEPRECATED - will be removed in Ext JS 5.0

Parameters

d : Object
\n
c : Object
\n

Ext.grid.GroupingView
view source

canGroup( )private

private ...

private

Ext.grid.GridView
view source

clearHeaderSortState( )private

Removes any sorting indicator classes from the column headers ...

Removes any sorting indicator classes from the column headers

Ext.grid.GroupingView
view source

collapseAllGroups( )

Collapses all grouped rows. ...

Collapses all grouped rows.

Ext.grid.GroupingView
view source

constructId( value, field, idx )private

private ...

private

Parameters

value : Object
\n
field : Object
\n
idx : Object
\n

Ext.grid.GridView
view source

deleteRows( dm, firstRow, lastRow )private

DEPRECATED - this doesn't appear to be called anywhere in the library, remove in 4.0. ...

DEPRECATED - this doesn't appear to be called anywhere in the library, remove in 4.0.

Parameters

dm : Object
\n
firstRow : Object
\n
lastRow : Object
\n

Ext.grid.GridView
view source

destroy( )private

Destroys all objects associated with the GridView ...

Destroys all objects associated with the GridView

Ext.grid.GroupingView
view source

doGroupEnd( buf, g, cs, ds, colCount )private

private ...

private

Parameters

buf : Object
\n
g : Object
\n
cs : Object
\n
ds : Object
\n
colCount : Object
\n

Ext.grid.GroupingView
view source

doGroupStart( buf, g, cs, ds, colCount )private

private ...

private

Parameters

buf : Object
\n
g : Object
\n
cs : Object
\n
ds : Object
\n
colCount : Object
\n

Ext.grid.GroupingView
view source

doRender( columns, records, store, startRow, colCount, stripe ) : Stringprivate

private\n\nRenders all of the rows to a string buffer and returns the string. ...

private

\n\n

Renders all of the rows to a string buffer and returns the string. This is called internally\nby renderRows and performs the actual string building for the rows - it does not inject HTML into the DOM.

Parameters

columns : Array
The column data acquired from getColumnData.
\n
records : Array
The array of records to render
\n
store : Ext.data.Store
The store to render the rows from
\n
startRow : Number
The index of the first row being rendered. Sometimes we only render a subset of\nthe rows so this is used to maintain logic for striping etc
\n
colCount : Number
The total number of columns in the column model
\n
stripe : Boolean
True to stripe the rows
\n

Returns

String
A string containing the HTML for the rendered rows
\n

Overrides: Ext.grid.GridView.doRender

Ext.util.Observable
view source

enableBubble( events )

Enables events fired by this Observable to bubble up an owner hierarchy by calling\nthis.getBubbleTarget() if present. ...

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

\n\n\n

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

\n\n\n

Example:

\n\n\n

Ext.override(Ext.form.Field, {\n    //  Add functionality to Field's initComponent to enable the change event to bubble\n    initComponent : Ext.form.Field.prototype.initComponent.createSequence(function() {\n        this.enableBubble('change');\n    }),\n\n    //  We know that we want Field's events to bubble directly to the FormPanel.\n    getBubbleTarget : function() {\n        if (!this.formPanel) {\n            this.formPanel = this.findParentByType('form');\n        }\n        return this.formPanel;\n    }\n});\n\nvar myForm = new Ext.formPanel({\n    title: 'User Details',\n    items: [{\n        ...\n    }],\n    listeners: {\n        change: function() {\n            // Title goes red if form has been modified.\n            myForm.header.setStyle('color', 'red');\n        }\n    }\n});\n

\n\n

Parameters

events : String/Array
The event name to bubble, or an Array of event names.
\n

Ext.grid.GridView
view source

ensureVisible( row, col, hscroll )private

...

Parameters

row : Object
\n
col : Object
\n
hscroll : Object
\n

Ext.grid.GroupingView
view source

expandAllGroups( )

Expands all grouped rows. ...

Expands all grouped rows.

Ext.grid.GridView
view source

findCell( el )private

private ...

private

Parameters

el : Object
\n

Ext.grid.GridView
view source

findCellIndex( el ) : Number

Return the index of the grid column which contains the passed HTMLElement. ...

Return the index of the grid column which contains the passed HTMLElement.

\n\n\n

Parameters

el : HTMLElement
The target element
\n

Returns

Number
The column index, or false if the target element is not within a row of this GridView.
\n

Ext.grid.GroupingView
view source

findGroup( el )private

private ...

private

Parameters

el : Object
\n

Ext.grid.GridView
view source

findHeaderCell( el )private

private ...

private

Parameters

el : Object
\n

Ext.grid.GridView
view source

findHeaderIndex( el )private

private ...

private

Parameters

el : Object
\n

Ext.grid.GridView
view source

findRow( el ) : HTMLElement

Return 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 : HTMLElement
The target HTMLElement
\n

Returns

HTMLElement
The row element, or null if the target element is not within a row of this GridView.
\n

Ext.grid.GridView
view source

findRowBody( el ) : HTMLElement

Return the HtmlElement representing the grid row body which contains the passed element. ...

Return the HtmlElement representing the grid row body which contains the passed element.

Parameters

el : HTMLElement
The target HTMLElement
\n

Returns

HTMLElement
The row body element, or null if the target element is not within a row body of this GridView.
\n

Ext.grid.GridView
view source

findRowIndex( el ) : Number

Return the index of the grid row which contains the passed HTMLElement. ...

Return the index of the grid row which contains the passed HTMLElement.\nSee also findCellIndex

Parameters

el : HTMLElement
The target HTMLElement
\n

Returns

Number
The row index, or false if the target element is not within a row of this GridView.
\n

Ext.util.Observable
view source

fireEvent( eventName, args ) : Boolean

Fires the specified event with the passed parameters (minus the event name). ...

Fires the specified event with the passed parameters (minus the event name).

\n\n\n

An event may be set to bubble up an Observable parent hierarchy (See Ext.Component.getBubbleTarget)\nby calling enableBubble.

\n\n

Parameters

eventName : String
The name of the event to fire.
\n
args : Object...
Variable number of parameters are passed to handlers.
\n

Returns

Boolean
returns false if any of the handlers return false otherwise it returns true.
\n

Ext.grid.GridView
view source

fitColumns( preventRefresh, onlyExpand, omitColumn ) : Booleanprivate

Resizes each column to fit the available grid width. ...

Resizes each column to fit the available grid width.\nTODO: The second argument isn't even used, remove it in 4.0

Parameters

preventRefresh : Boolean
True to prevent resizing of each row to the new column sizes (defaults to false)
\n
onlyExpand : null
NOT USED, will be removed in 4.0
\n
omitColumn : Number
The index of a column to leave at its current width. Defaults to undefined
\n

Returns

Boolean
True if the operation succeeded, false if not or undefined if the grid view is not yet initialized
\n

Ext.grid.GridView
view source

fly( el )private

Each GridView has its own private flyweight, accessed through this method ...

Each GridView has its own private flyweight, accessed through this method

Parameters

el : Object
\n

Ext.grid.GridView
view source

focusCell( row, col )

Focuses the specified cell. ...

Focuses the specified cell.

Parameters

row : Number
The row index
\n
col : Number
The column index
\n

Ext.grid.GridView
view source

focusRow( row )

Focuses the specified row. ...

Focuses the specified row.

Parameters

row : Number
The row index
\n

Ext.grid.GridView
view source

getCell( row, col ) : HtmlElement

Returns the grid's <td> HtmlElement at the specified coordinates. ...

Returns the grid's <td> HtmlElement at the specified coordinates.

Parameters

row : Number
The row index in which to find the cell.
\n
col : Number
The column index of the cell.
\n

Returns

HtmlElement
The td at the specified coordinates.
\n

Ext.grid.GridView
view source

getCellIndex( el )private

private ...

private

Parameters

el : Object
\n

Ext.grid.GridView
view source

getColumnData( ) : Arrayprivate

Returns an array of column configurations - one for each column ...

Returns an array of column configurations - one for each column

Returns

Array
Array of column config objects. This includes the column name, renderer, id style and renderer
\n

Ext.grid.GridView
view source

getColumnId( index )private

private ...

private

Parameters

index : Object
\n

Ext.grid.GridView
view source

getColumnStyle( colIndex, isHeader ) : Stringprivate

Builds a CSS string for the given column index ...

Builds a CSS string for the given column index

Parameters

colIndex : Number
The column index
\n
isHeader : Boolean
True if getting the style for the column's header
\n

Returns

String
The CSS string
\n

Ext.grid.GridView
view source

getColumnTooltip( i )private

...

Parameters

i : Object
\n

Ext.grid.GridView
view source

getColumnWidth( column ) : Numberprivate

Returns the width of a given column minus its border width ...

Returns the width of a given column minus its border width

Parameters

column : Object
\n

Returns

Number
The column index
\n

Ext.grid.GridView
view source

getEditorParent( )private

private ...

private

Ext.grid.GridView
view source

getGridInnerWidth( ) : Number

Returns the total internal width available to the grid, taking the scrollbar into account ...

Returns the total internal width available to the grid, taking the scrollbar into account

Returns

Number
The total width
\n

Ext.grid.GroupingView
view source

getGroup( v, r, groupRenderer, rowIndex, colIndex, ds )private

private ...

private

Parameters

v : Object
\n
r : Object
\n
groupRenderer : Object
\n
rowIndex : Object
\n
colIndex : Object
\n
ds : Object
\n

Ext.grid.GroupingView
view source

getGroupField( )private

private ...

private

Ext.grid.GroupingView
view source

getGroupId( value ) : String

Dynamically tries to determine the groupId of a specific value ...

Dynamically tries to determine the groupId of a specific value

Parameters

value : String
\n

Returns

String
The group id
\n

Ext.grid.GroupingView
view source

getGroups( )private

private ...

private

Ext.grid.GridView
view source

getHeaderCell( index ) : HtmlElement

Return 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 : Number
The column index
\n

Returns

HtmlElement
The td element.
\n

Ext.grid.GridView
view source

getOffsetWidth( )private

private ...

private

Ext.grid.GroupingView
view source

getPrefix( field )private

private ...

private

Parameters

field : Object
\n

Ext.grid.GridView
view source

getPreviousVisible( index ) : Number/undefinedprivate

Returns the index of the nearest currently visible header to the left of the given index. ...

Returns the index of the nearest currently visible header to the left of the given index.

Parameters

index : Number
The header index
\n

Returns

Number/undefined
The index of the nearest visible header
\n

Ext.grid.GridView
view source

getResolvedXY( resolved ) : Arrayprivate

Returns the XY co-ordinates of a given row/cell resolution (see resolveCell) ...

Returns the XY co-ordinates of a given row/cell resolution (see resolveCell)

Parameters

resolved : Object
\n

Returns

Array
X and Y coords
\n

Ext.grid.GridView
view source

getRow( index ) : HtmlElement

Return 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 : Number
The row index
\n

Returns

HtmlElement
The div element.
\n

Ext.grid.GridView
view source

getRowClass( index, rowParams, store ) : String

Override this function to apply custom CSS classes to rows during rendering. ...

Override this function to apply custom CSS classes to rows during rendering. You can also supply custom\nparameters to the row template for the current row to customize how it is rendered using the rowParams\nparameter. This function should return the CSS class name (or empty string '' for none) that will be added\nto the row's wrapping div. To apply multiple class names, simply return them space-delimited within the string\n(e.g., 'my-class another-class'). Example usage:

\n\n

viewConfig: {\n    forceFit: true,\n    showPreview: true, // custom property\n    enableRowBody: true, // required to create a second, full-width row to show expanded Record data\n    getRowClass: function(record, rowIndex, rp, ds){ // rp = rowParams\n        if(this.showPreview){\n            rp.body = '<p>'+record.data.excerpt+'</p>';\n            return 'x-grid3-row-expanded';\n        }\n        return 'x-grid3-row-collapsed';\n    }\n},\n

\n\n\n

@param {Record} record The Ext.data.Record corresponding to the current row.

Parameters

index : Number
The row index.
\n
rowParams : Object
A config object that is passed to the row template during rendering that allows\ncustomization of various aspects of a grid row.
\n\n
If enableRowBody is configured true, then the following properties may be set\nby this function, and will be used to render a full-width expansion row below each grid row:
\n\n\n
- body : String
  An HTML fragment to be used as the expansion row's body content (defaults to '').
- bodyStyle : String
  A CSS style specification that will be applied to the expansion row's <tr> element. (defaults to '').
\n\n\n
The following property will be passed in, and may be appended to:
\n\n
- tstyle : String
  A CSS style specification that willl be applied to the <table> element which encapsulates\nboth the standard grid row, and any expansion row.
\n\n
store : Store
The Ext.data.Store this grid is bound to
\n

Returns

String
a CSS class name to add to the row.
\n

Ext.grid.GroupingView
view source

getRows( )private

private ...

private

Overrides: Ext.grid.GridView.getRows

Ext.grid.GridView
view source

getScrollOffset( )private

private ...

private

Ext.grid.GridView
view source

getScrollState( )private

private ...

private

Ext.grid.GridView
view source

getTotalWidth( ) : Stringprivate

Returns the total width of all visible columns ...

Returns the total width of all visible columns

Returns

String
\n

Ext.grid.GridView
view source

handleHdDown( e, target )private

Called when a header cell is clicked - shows the menu if the click happened over a trigger button ...

Called when a header cell is clicked - shows the menu if the click happened over a trigger button

Parameters

e : Object
\n
target : Object
\n

Ext.grid.GridView
view source

handleHdMenuClick( item )private

Attached as the 'itemclick' handler to the header menu and the column show/hide submenu (if available). ...

Attached as the 'itemclick' handler to the header menu and the column show/hide submenu (if available).\nPerforms sorting if the sorter buttons were clicked, otherwise hides/shows the column that was clicked.

Parameters

item : Object
\n

Ext.grid.GridView
view source

handleHdMenuClickDefault( item )

Called by handleHdMenuClick if any button except a sort ASC/DESC button was clicked. ...

Called by handleHdMenuClick if any button except a sort ASC/DESC button was clicked. The default implementation provides\nthe column hide/show functionality based on the check state of the menu item. A different implementation can be provided\nif needed.

Parameters

item : Ext.menu.BaseItem
The menu item that was clicked
\n

Ext.grid.GridView
view source

handleHdMove( e )private

Attached to the headers' mousemove event. ...

Attached to the headers' mousemove event. This figures out the CSS cursor to use based on where the mouse is currently\npointed. If the mouse is currently hovered over the extreme left or extreme right of any header cell and the cell next\nto it is resizable it is given the resize cursor, otherwise the cursor is set to an empty string.

Parameters

e : Object
\n

Ext.grid.GridView
view source

handleHdOut( e, target )private

Tied to the header element's mouseout event. ...

Tied to the header element's mouseout event. Removes the hover class from the header cell

Parameters

e : Object
\n
target : Object
\n

Ext.grid.GridView
view source

handleHdOver( e, target )private

Tied to the header element's mouseover event - adds the over class to the header cell if the menu is not disabled\nfor...

Tied to the header element's mouseover event - adds the over class to the header cell if the menu is not disabled\nfor that cell

Parameters

e : Object
\n
target : Object
\n

Ext.grid.GridView
view source

handleWheel( e )private

private ...

private

Parameters

e : Object
\n

Ext.util.Observable
view source

hasListener( eventName ) : Boolean

Checks 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

Parameters

eventName : String
The name of the event to check for
\n

Returns

Boolean
True if the event is being listened for, else false
\n

Ext.grid.GridView
view source

hasRows( ) : Booleanprivate

Returns true if there are any rows rendered into the GridView ...

Returns true if there are any rows rendered into the GridView

Returns

Boolean
True if any rows have been rendered
\n

Ext.grid.GridView
view source

init( grid )private

private ...

private

Parameters

grid : Object
\n

Ext.grid.GridView
view source

initData( newStore, newColModel )private

Binds a new Store and ColumnModel to this GridView. ...

Binds a new Store and ColumnModel to this GridView. Removes any listeners from the old objects (if present)\nand adds listeners to the new ones

Parameters

newStore : Ext.data.Store
The new Store instance
\n
newColModel : Ext.grid.ColumnModel
The new ColumnModel instance
\n

Ext.grid.GridView
view source

initElements( )private

Finds and stores references to important elements ...

Finds and stores references to important elements

Ext.grid.GridView
view source

initEvents( )private

private ...

private

Ext.grid.GroupingView
view source

initTemplates( )private

private\n\nProvides default templates if they are not given for this particular instance. ...

private

\n\n

Provides default templates if they are not given for this particular instance. Most of the templates are defined on\nthe prototype, the ones defined inside this function are done so because they are based on Grid or GridView configuration

Overrides: Ext.grid.GridView.initTemplates

Ext.grid.GridView
view source

initUI( grid )private

private ...

private

Parameters

grid : Object
\n

Ext.grid.GridView
view source

insertRows( dm, firstRow, lastRow, isUpdate )private

private ...

private

Parameters

dm : Object
\n
firstRow : Object
\n
lastRow : Object
\n
isUpdate : Object
\n

Ext.grid.GridView
view source

isHideableColumn( c )private

...

Parameters

c : Object
\n

Ext.grid.GridView
view source

isMenuDisabled( cellIndex, el )private

Used by handleHdOver to determine whether or not to show the header menu class on cell hover ...

Used by handleHdOver to determine whether or not to show the header menu class on cell hover

Parameters

cellIndex : Number
The header cell index
\n
el : Ext.Element
The cell element currently being hovered over
\n

Ext.grid.GridView
view source

layout( initial )private

Sizes the grid's header and body elements ...

Sizes the grid's header and body elements

Parameters

initial : Object
\n

Ext.util.Observable
view source

on( eventName, handler, [scope], [options] )

Appends an event handler to this object (shorthand for addListener.) ...

Appends an event handler to this object (shorthand for addListener.)

Parameters

eventName : String
The type of event to listen for
\n
handler : Function
The method the event invokes
\n
scope : Object (optional)
The scope (this reference) in which the handler function is executed.\nIf omitted, defaults to the object which fired the event.
\n
options : Object (optional)
An object containing handler configuration.
\n

Ext.grid.GroupingView
view source

onAdd( ds, records, index )private

private ...

private

Parameters

ds : Object
\n
records : Object
\n
index : Object
\n

Overrides: Ext.grid.GridView.onAdd

Ext.grid.GroupingView
view source

onAllColumnWidthsUpdated( ws, tw )private

private ...

private

Parameters

ws : Object
\n
tw : Object
\n

Overrides: Ext.grid.GridView.onAllColumnWidthsUpdated

Ext.grid.GroupingView
view source

onBeforeRowSelect( sm, rowIndex )private

private ...

private

Parameters

sm : Object
\n
rowIndex : Object
\n

Ext.grid.GridView
view source

onCellDeselect( row, col )private

private ...

private

Parameters

row : Object
\n
col : Object
\n

Ext.grid.GridView
view source

onCellSelect( row, col )private

private ...

private

Parameters

row : Object
\n
col : Object
\n

Ext.grid.GridView
view source

onClear( )private

private ...

private

Ext.grid.GridView
view source

onColConfigChange( )private

private ...

private

Ext.grid.GridView
view source

onColWidthChange( cm, col, width )private

private ...

private

Parameters

cm : Object
\n
col : Object
\n
width : Object
\n

Ext.grid.GroupingView
view source

onColumnHiddenUpdated( col, hidden, tw )private

private ...

private

Parameters

col : Object
\n
hidden : Object
\n
tw : Object
\n

Overrides: Ext.grid.GridView.onColumnHiddenUpdated

Ext.grid.GridView
view source

onColumnMove( cm, oldIndex, newIndex )private

private ...

private

Parameters

cm : Object
\n
oldIndex : Object
\n
newIndex : Object
\n

Ext.grid.GridView
view source

onColumnSplitterMoved( cellIndex, width )private

Called by the SplitDragZone when a drag has been completed. ...

Called by the SplitDragZone when a drag has been completed. Resizes the columns

Parameters

cellIndex : Object
\n
width : Object
\n

Ext.grid.GroupingView
view source

onColumnWidthUpdated( col, w, tw )private

private ...

private

Parameters

col : Object
\n
w : Object
\n
tw : Object
\n

Overrides: Ext.grid.GridView.onColumnWidthUpdated

Ext.grid.GridView
view source

onDataChange( )private

private ...

private

Ext.grid.GridView
view source

onDenyColumnHide( )private

private ...

private

Ext.grid.GroupingView
view source

onGroupByClick( )private

private ...

private

Ext.grid.GridView
view source

onHeaderChange( cm, col, text )private

private ...

private

Parameters

cm : Object
\n
col : Object
\n
text : Object
\n

Ext.grid.GridView
view source

onHeaderClick( g, index )private

private ...

private

Parameters

g : Object
\n
index : Object
\n

Ext.grid.GridView
view source

onHiddenChange( cm, col, hidden )private

private ...

private

Parameters

cm : Object
\n
col : Object
\n
hidden : Object
\n

Ext.grid.GroupingView
view source

onLayout( )private

private ...

private

Overrides: Ext.grid.GridView.onLayout

Ext.grid.GridView
view source

onLoad( )private

Called when a store is loaded, scrolls to the top row ...

Called when a store is loaded, scrolls to the top row

Ext.grid.GroupingView
view source

onRemove( ds, record, index, isUpdate )private

private ...

private

Parameters

ds : Object
\n
record : Object
\n
index : Object
\n
isUpdate : Object
\n

Overrides: Ext.grid.GridView.onRemove

Ext.grid.GridView
view source

onRowDeselect( row )private

private ...

private

Parameters

row : Object
\n

Ext.grid.GridView
view source

onRowOut( e, target )private

Removes the hover class from a row on mouseout ...

Removes the hover class from a row on mouseout

Parameters

e : Object
\n
target : Object
\n

Ext.grid.GridView
view source

onRowOver( e, target )private

Adds the hover class to a row when hovered over ...

Adds the hover class to a row when hovered over

Parameters

e : Object
\n
target : Object
\n

Ext.grid.GridView
view source

onRowSelect( row )private

private ...

private

Parameters

row : Object
\n

Ext.grid.GroupingView
view source

onShowGroupsClick( mi, checked )private

private ...

private

Parameters

mi : Object
\n
checked : Object
\n

Ext.grid.GridView
view source

onUpdate( store, record )private

private ...

private

Parameters

store : Object
\n
record : Object
\n

Ext.grid.GroupingView
view source

processEvent( name, e )private

...

Parameters

name : Object
\n
e : Object
\n

Overrides: Ext.grid.GridView.processEvent

Ext.grid.GridView
view source

processRows( startRow )private

Adds CSS classes and rowIndex to each row ...

Adds CSS classes and rowIndex to each row

Parameters

startRow : Number
The row to start from (defaults to 0)
\n

Ext.util.Observable
view source

purgeListeners( )

Removes all listeners for this object ...

Removes all listeners for this object

Ext.grid.GridView
view source

refresh( [headersToo] )

Refreshs the grid UI ...

Refreshs the grid UI

Parameters

headersToo : Boolean (optional)
True to also refresh the headers
\n

Ext.grid.GroupingView
view source

refreshRow( record )private

private\n\nRefreshes a row by re-rendering it. ...

private

\n\n

Refreshes a row by re-rendering it. Fires the rowupdated event when done

Parameters

record : Object
\n

Overrides: Ext.grid.GridView.refreshRow

Ext.util.Observable
view source

relayEvents( o, events )

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.
\n
events : Array
Array of event names to relay.
\n

Ext.util.Observable
view source

removeListener( eventName, handler, [scope] )

Removes an event handler. ...

Removes an event handler.

Parameters

eventName : String
The type of event the handler was associated with.
\n
handler : Function
The handler to remove. This must be a reference to the function passed into the addListener call.
\n
scope : Object (optional)
The scope originally specified for the handler.
\n

Ext.grid.GridView
view source

removeRow( row )private

private ...

private

Parameters

row : Object
\n

Ext.grid.GridView
view source

removeRowClass( row, cls )private

private ...

private

Parameters

row : Object
\n
cls : Object
\n

Ext.grid.GridView
view source

removeRows( firstRow, lastRow )private

private ...

private

Parameters

firstRow : Object
\n
lastRow : Object
\n

Ext.grid.GridView
view source

render( )private

private ...

private

Ext.grid.GridView
view source

renderBody( )private

private ...

private

Ext.grid.GridView
view source

renderHeaders( ) : Stringprivate

Renders the header row using the 'header' template. ...

Renders the header row using the 'header' template. Does not inject the HTML into the DOM, just\nreturns a string.

Returns

String
Rendered header row
\n

Ext.grid.GroupingView
view source

renderRows( startRow, endRow )private

private\n\nRenders rows between start and end indexes ...

private

\n\n

Renders rows between start and end indexes

Parameters

startRow : Number
Index of the first row to render
\n
endRow : Number
Index of the last row to render
\n

Overrides: Ext.grid.GridView.renderRows

Ext.grid.GroupingView
view source

renderUI( )private

private\n\nRenders each of the UI elements in turn. ...

private

\n\n

Renders each of the UI elements in turn. This is called internally, once, by this.render. It does not\nrender rows from the store, just the surrounding UI elements.

Overrides: Ext.grid.GridView.renderUI

Ext.grid.GridView
view source

resolveCell( row, col, hscroll )private

Finds the Elements corresponding to the given row and column indexes ...

Finds the Elements corresponding to the given row and column indexes

Parameters

row : Object
\n
col : Object
\n
hscroll : Object
\n

Ext.grid.GridView
view source

restoreScroll( state )private

private ...

private

Parameters

state : Object
\n

Ext.util.Observable
view source

resumeEvents( )

Resume firing events. ...

Resume firing events. (see suspendEvents)\nIf events were suspended using the queueSuspended parameter, then all\nevents fired during event suspension will be sent to any listeners now.

Ext.grid.GridView
view source

scrollToTop( )

Scrolls the grid to the top ...

Scrolls the grid to the top

Ext.util.Observable
view source

suspendEvents( queueSuspended )

Suspend the firing of all events. ...

Suspend the firing of all events. (see resumeEvents)

Parameters

queueSuspended : Boolean
Pass as true to queue up suspended events to be fired\nafter the resumeEvents call instead of discarding all suspended events;
\n

Ext.grid.GridView
view source

syncFocusEl( row, col, hscroll )private

Moves the focus element to the x and y co-ordinates of the given row and column ...

Moves the focus element to the x and y co-ordinates of the given row and column

Parameters

row : Object
\n
col : Object
\n
hscroll : Object
\n

Ext.grid.GridView
view source

syncHeaderScroll( )private

private ...

private

Ext.grid.GridView
view source

syncScroll( )private

private ...

private

Ext.grid.GroupingView
view source

toggleAllGroups( [expanded] )

Toggles 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)
\n

Ext.grid.GroupingView
view source

toggleGroup( groupId, [expanded] )

Toggles 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.

Parameters

groupId : String
The groupId assigned to the group (see getGroupId)
\n
expanded : Boolean (optional)
\n

Ext.grid.GroupingView
view source

toggleRowIndex( rowIndex, [expanded] )

Toggle the group that contains the specific row. ...

Toggle the group that contains the specific row.

Parameters

rowIndex : Number
The row inside the group
\n
expanded : Boolean (optional)
\n

Ext.util.Observable
view source

un( eventName, handler, [scope] )

Removes an event handler (shorthand for removeListener.) ...

Removes an event handler (shorthand for removeListener.)

Parameters

eventName : String
The type of event the handler was associated with.
\n
handler : Function
The handler to remove. This must be a reference to the function passed into the addListener call.
\n
scope : Object (optional)
The scope originally specified for the handler.
\n

Ext.grid.GridView
view source

updateAllColumnWidths( )private

Updates the size of every column and cell in the grid ...

Updates the size of every column and cell in the grid

Ext.grid.GridView
view source

updateColumnHidden( col, hidden )private

Sets the hidden status of a given column. ...

Sets the hidden status of a given column.

Parameters

col : Number
The column index
\n
hidden : Boolean
True to make the column hidden
\n

Ext.grid.GridView
view source

updateColumnText( col, text )private

...

Parameters

col : Object
\n
text : Object
\n

Ext.grid.GridView
view source

updateColumnWidth( column )private

Called after a column's width has been updated, this resizes all of the cells for that column in each row ...

Called after a column's width has been updated, this resizes all of the cells for that column in each row

Parameters

column : Number
The column index
\n

Ext.grid.GroupingView
view source

updateGroupWidths( )private

private ...

private

Ext.grid.GridView
view source

updateHeaderSortState( )private

Adds sorting classes to the column headers based on the bound store's sortInfo. ...

Adds sorting classes to the column headers based on the bound store's sortInfo. Fires the 'sortchange' event\nif the sorting has changed since this function was last run.

Ext.grid.GridView
view source

updateHeaderWidth( updateMain )private

Ensures that the header is sized to the total width available to it ...

Ensures that the header is sized to the total width available to it

Parameters

updateMain : Boolean
True to update the mainBody's width also (defaults to true)
\n

Ext.grid.GridView
view source

updateHeaders( )private

Re-renders the headers and ensures they are sized correctly ...

Re-renders the headers and ensures they are sized correctly

Ext.grid.GridView
view source

updateSortIcon( col, dir )private

Ensures the given column has the given icon class ...

Ensures the given column has the given icon class

Parameters

col : Object
\n
dir : Object
\n

Defined By

view : Ext.grid.GridView
\n
firstRow : Number
The index of the row updated.
\n
record : Ext.data.record
The Record backing the row updated.
\n