X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/c930e9176a5a85509c5b0230e2bff5c22a591432..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/docs/output/Ext.grid.GroupingView.html?ds=sidebyside diff --git a/docs/output/Ext.grid.GroupingView.html b/docs/output/Ext.grid.GroupingView.html deleted file mode 100644 index 5e4ba125..00000000 --- a/docs/output/Ext.grid.GroupingView.html +++ /dev/null @@ -1,344 +0,0 @@ -
Observable GridView GroupingView
Package: | Ext.grid |
Defined In: | GroupingView.js |
Class: | GroupingView |
Extends: | GridView |
Sample usage:
-
-var grid = new Ext.grid.GridPanel({
- // A groupingStore is required for a GroupingView
- store: new Ext.data.GroupingStore({
- autoDestroy: true,
- reader: reader,
- data: xg.dummyData,
- sortInfo: {field: 'company', direction: 'ASC'},
- groupOnSort: true,
- remoteGroup: true,
- groupField: 'industry'
- }),
- colModel: new Ext.grid.ColumnModel({
- columns:[
- {id:'company',header: 'Company', width: 60, dataIndex: 'company'},
- // groupable, groupName, groupRender are also configurable at column level
- {header: 'Price', renderer: Ext.util.Format.usMoney, dataIndex: 'price', groupable: false},
- {header: 'Change', dataIndex: 'change', renderer: Ext.util.Format.usMoney},
- {header: 'Industry', dataIndex: 'industry'},
- {header: 'Last Updated', renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
- ],
- defaults: {
- sortable: true,
- menuDisabled: false,
- width: 20
- }
- }),
-
- view: new Ext.grid.GroupingView({
- forceFit: true,
- // custom grouping text template to display the number of items per group
- groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'
- }),
-
- frame:true,
- width: 700,
- height: 450,
- collapsible: true,
- animCollapse: false,
- title: 'Grouping Example',
- iconCls: 'icon-grid',
- renderTo: document.body
-});
Config Options | Defined By | |
---|---|---|
autoFill : Boolean Defaults to false. Specify true to have the column widths re-proportioned
-when the grid is initially rendered. The ... Defaults to false. Specify true to have the column widths re-proportioned
-when the grid is initially rendered. The
-initially configured width of each column will be adjusted
-to fit the grid width and prevent horizontal scrolling. If columns are later resized (manually
-or programmatically), the other columns in the grid will not be resized to fit the grid width.
-See forceFit also. | GridView | |
cellSelector : String The selector used to find cells internally (defaults to 'td.x-grid3-cell') | GridView | |
cellSelectorDepth : Number The number of levels to search for cells in event delegation (defaults to 4) | GridView | |
columnsText : String The text displayed in the "Columns" menu item (defaults to "Columns") | GridView | |
deferEmptyText : Boolean True to defer emptyText being applied until the store's
-first load (defaults to true). | GridView | |
emptyGroupText : String The text to display when there is an empty group value (defaults to '(None)').
-May also be specified per column, see... The text to display when there is an empty group value (defaults to '(None)').
-May also be specified per column, see Ext.grid.Column.emptyGroupText. | GroupingView | |
emptyText : String Default text (html tags are accepted) to display in the grid body when no rows
-are available (defaults to ''). This v... Default text (html tags are accepted) to display in the grid body when no rows
-are available (defaults to ''). This value will be used to update the mainBody:
-
| GridView | |
enableGrouping : Boolean false to disable grouping functionality (defaults to true) | GroupingView | |
enableGroupingMenu : Boolean true to enable the grouping control in the column menu (defaults to true) | GroupingView | |
enableNoGroups : Boolean true to allow the user to turn off grouping (defaults to true) | GroupingView | |
enableRowBody : Boolean True to add a second TR element per row that can be used to provide a row body
-that spans beneath the data row. Use ... True to add a second TR element per row that can be used to provide a row body
-that spans beneath the data row. Use the getRowClass method's rowParams config to customize the row body. | GridView | |
forceFit : Boolean Defaults to false. Specify true to have the column widths re-proportioned
-at all times. The initially configured wi... Defaults to false. Specify true to have the column widths re-proportioned
-at all times. The initially configured width of each
-column will be adjusted to fit the grid width and prevent horizontal scrolling. If columns are
-later resized (manually or programmatically), the other columns in the grid will be resized
-to fit the grid width. See autoFill also. | GridView | |
groupByText : String Text displayed in the grid header menu for grouping by a column
-(defaults to 'Group By This Field'). | GroupingView | |
groupRenderer : Function This property must be configured in the Ext.grid.Column for
-each column. | GroupingView | |
groupTextTpl : String The template used to render the group header (defaults to '{text}').
-This is used to format an object which contains... The template used to render the group header (defaults to '{text}').
-This is used to format an object which contains the following properties:
-
| GroupingView | |
headersDisabled : Boolean True to disable the grid column headers (defaults to false).
-Use the ColumnModel menuDisabled
-config to disable the ... True to disable the grid column headers (defaults to false).
-Use the ColumnModel menuDisabled
-config to disable the menu for individual columns. While this config is true the
-following will be disabled:
| GridView | |
hideGroupedColumn : Boolean true to hide the column that is currently grouped (defaults to false) | GroupingView | |
ignoreAdd : Boolean true to skip refreshing the view when new rows are added (defaults to false) | GroupingView | |
listeners : Object A 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 -addListener example for attaching multiple handlers at once. -DOM events from ExtJs Components -While some ExtJs Component classes export selected DOM events (e.g. "click", "mouseover" etc), this
-is usually only done when extra value can be added. For example the DataView's
-
| Observable | |
rowSelector : String The selector used to find rows internally (defaults to 'div.x-grid3-row') | GridView | |
rowSelectorDepth : Number The number of levels to search for rows in event delegation (defaults to 10) | GridView | |
scrollOffset : Number The amount of space to reserve for the vertical scrollbar
-(defaults to 19 pixels). | GridView | |
selectedRowClass : String The CSS class applied to a selected row (defaults to "x-grid3-row-selected"). An
-example overriding the default styli... The CSS class applied to a selected row (defaults to "x-grid3-row-selected"). An
-example overriding the default styling:
-
-Note that this only controls the row, and will not do anything for the text inside it. To style inner
-facets (like text) use something like:
-
| GridView | |
showGroupName : Boolean If true will display a prefix plus a ': ' before the group field value
-in the group header line. The prefix will co... If true will display a prefix plus a ': ' before the group field value
-in the group header line. The prefix will consist of the groupName
-(or the configured header if not provided) configured in the
-Ext.grid.Column for each set of grouped rows (defaults to true). | GroupingView | |
showGroupsText : String Text displayed in the grid header for enabling/disabling grouping
-(defaults to 'Show in Groups'). | GroupingView | |
sortAscText : String The text displayed in the "Sort Ascending" menu item (defaults to "Sort Ascending") | GridView | |
sortClasses : Array The CSS classes applied to a header when it is sorted. (defaults to ["sort-asc", "sort-desc"]) | GridView | |
sortDescText : String The text displayed in the "Sort Descending" menu item (defaults to "Sort Descending") | GridView | |
startCollapsed : Boolean true to start all groups collapsed (defaults to false) | GroupingView |
Property | Defined By | |
---|---|---|
dragZone : Ext.grid.GridDragZone A customized implementation of a DragZone which provides default implementations
-of the template methods of DragZone ... A customized implementation of a DragZone which provides default implementations -of the template methods of DragZone to enable dragging of the selected rows of a GridPanel. -See Ext.grid.GridDragZone for details. -This will only be present:
| GridView | |
mainBody : Ext.Element Read-only. The GridView's body Element which encapsulates all rows in the Grid.
-This Element is only available after ... Read-only. The GridView's body Element which encapsulates all rows in the Grid.
-This Element is only available after the GridPanel has been rendered. | GridView |
Method | Defined By | |
---|---|---|
GroupingView( Object config )
- Parameters:
| GroupingView | |
addEvents( Object object )
- :
- voidUsed to define events on this Observable Used to define events on this Observable Parameters:
| 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:
| Observable | |
collapseAllGroups()
- :
- void Collapses all grouped rows. Collapses all grouped rows. Parameters:
| GroupingView | |
enableBubble( Object events )
- :
- voidUsed to enable bubbling of events Used to enable bubbling of events Parameters:
| Observable | |
expandAllGroups()
- :
- void Expands all grouped rows. Expands all grouped rows. Parameters:
| GroupingView | |
findCellIndex( HTMLElement el )
- :
- TheReturn 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:
| 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:
| GridView | |
findRowIndex( HTMLElement el )
- :
- TheReturn 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:
| 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... Fires the specified event with the passed parameters (minus the event name). -An event may be set to bubble up an Observable parent hierarchy (See Ext.Component.getBubbleTarget) -by calling enableBubble. Parameters:
| Observable | |
focusCell( Number row , Number col )
- :
- voidFocuses the specified cell. Focuses the specified cell. Parameters:
| GridView | |
focusRow( Number row )
- :
- voidFocuses the specified row. Focuses the specified row. Parameters:
| 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. Parameters:
| GridView | |
getGroupId( String value )
- :
- StringDynamically tries to determine the groupId of a specific value Dynamically tries to determine the groupId of a specific value Parameters:
| 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:
| 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:
| 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
-to the row's wrapping div. To apply multiple class names, simply return them space-delimited within the string
-(e.g., 'my-class another-class'). Example usage:
-
Parameters:
| 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 Parameters:
| 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:
| Observable | |
purgeListeners()
- :
- void Removes all listeners for this object Removes all listeners for this object Parameters:
| Observable | |
refresh( [Boolean headersToo ] )
- :
- voidRefreshs the grid UI Refreshs the grid UI Parameters:
| 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. Parameters:
| Observable | |
removeListener( String eventName , Function handler , [Object scope ] )
- :
- voidRemoves an event handler. Removes an event handler. Parameters:
| Observable | |
resumeEvents()
- :
- void Resume 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. Parameters:
| Observable | |
scrollToTop()
- :
- void Scrolls the grid to the top Scrolls the grid to the top Parameters:
| GridView | |
suspendEvents( Boolean queueSuspended )
- :
- voidSuspend the firing of all events. (see resumeEvents) Suspend the firing of all events. (see resumeEvents) Parameters:
| 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:
| 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. Parameters:
| GroupingView | |
un( String eventName , Function handler , [Object scope ] )
- :
- voidRemoves an event handler (shorthand for removeListener.) Removes an event handler (shorthand for removeListener.) Parameters:
| Observable |
Event | Defined By | |
---|---|---|
beforerefresh :
- ( Ext.grid.GridView view )
- Internal UI Event. Fired before the view is refreshed. Internal UI Event. Fired before the view is refreshed. Listeners will be called with the following arguments:
| GridView | |
beforerowremoved :
- ( Ext.grid.GridView view , Number rowIndex , Ext.data.Record record )
- Internal UI Event. Fired before a row is removed. Internal UI Event. Fired before a row is removed. Listeners will be called with the following arguments:
| GridView | |
beforerowsinserted :
- ( Ext.grid.GridView view , Number firstRow , Number lastRow )
- Internal UI Event. Fired before rows are inserted. Internal UI Event. Fired before rows are inserted. Listeners will be called with the following arguments:
| GridView | |
refresh :
- ( Ext.grid.GridView view )
- Internal UI Event. Fired after the GridView's body has been refreshed. Internal UI Event. Fired after the GridView's body has been refreshed. Listeners will be called with the following arguments:
| GridView | |
rowremoved :
- ( Ext.grid.GridView view , Number rowIndex , Ext.data.Record record )
- Internal UI Event. Fired after a row is removed. Internal UI Event. Fired after a row is removed. Listeners will be called with the following arguments:
| GridView | |
rowsinserted :
- ( Ext.grid.GridView view , Number firstRow , Number lastRow )
- Internal UI Event. Fired after rows are inserted. Internal UI Event. Fired after rows are inserted. Listeners will be called with the following arguments:
| GridView | |
rowupdated :
- ( Ext.grid.GridView view , Number firstRow , Ext.data.record record )
- Internal UI Event. Fired after a row has been updated. Internal UI Event. Fired after a row has been updated. Listeners will be called with the following arguments:
| GridView |