X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/d41dc04ad17d1d9125fb2cf72db2b4782dbe3a8c..c8256059947f3aa8f5b0a9a2acf55e2142bb4742:/docs/output/Ext.grid.GroupingView.html diff --git a/docs/output/Ext.grid.GroupingView.html b/docs/output/Ext.grid.GroupingView.html index 96458219..3175577b 100644 --- a/docs/output/Ext.grid.GroupingView.html +++ b/docs/output/Ext.grid.GroupingView.html @@ -1,46 +1,43 @@ -
-
- Properties - Methods - Events - Config Options - Direct Link -
-
-
Observable
-  GridView
-    GroupingView
-

Class Ext.grid.GroupingView

- - - - - -
Package:Ext.grid
Defined In:GroupingView.js
Class:GroupingView
Extends:GridView
-
- * -Adds the ability for single level grouping to the grid. -
var grid = new Ext.grid.GridPanel({
+
Observable
  GridView
    GroupingView

Class Ext.grid.GroupingView

Package:Ext.grid
Defined In:GroupingView.js
Class:GroupingView
Extends:GridView
Adds the ability for single level grouping to the grid. A GroupingStore +must be used to enable grouping. Some grouping characteristics may also be configured at the +Column level +

Sample usage:

+
var grid = new Ext.grid.GridPanel({
     // A groupingStore is required for a GroupingView
-    store: new Ext.data.GroupingStore({
+    store: new Ext.data.GroupingStore({
+        autoDestroy: true,
         reader: reader,
         data: xg.dummyData,
-        sortInfo:{field: 'company', direction: "ASC"},
-        groupField:'industry'
+        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
+        }
     }),
-
-    columns: [
-        {id:'company',header: "Company", width: 60, sortable: true, dataIndex: 'company'},
-        {header: "Price", width: 20, sortable: true, renderer: Ext.util.Format.usMoney, dataIndex: 'price'},
-        {header: "Change", width: 20, sortable: true, dataIndex: 'change', renderer: Ext.util.Format.usMoney},
-        {header: "Industry", width: 20, sortable: true, dataIndex: 'industry'},
-        {header: "Last Updated", width: 20, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
-    ],
 
     view: new Ext.grid.GroupingView({
-        forceFit:true,
+        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"]})'
+        groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'
     }),
 
     frame:true,
@@ -51,1043 +48,339 @@ Adds the ability for single level grouping to the grid.
     title: 'Grouping Example',
     iconCls: 'icon-grid',
     renderTo: document.body
-});
- -
- -

Config Options

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Config OptionsDefined By
  - - autoFill : Boolean
- True to auto expand the columns to fit the grid when the grid is created.
-
GridView
  - - cellSelector : String
- The selector used to find cells internally
-
GridView
  - - cellSelectorDepth : Number
- The number of levels to search for cells in event delegation (defaults to 4)
-
GridView
  - - deferEmptyText : Boolean
- True to defer emptyText being applied until the store's first load
-
GridView
  - - emptyGroupText : String
- The text to display when there is an empty group value
-
GroupingView
  - - emptyText : String
- Default text to display in the grid body when no rows are available (defaults to '').
-
GridView
  - - enableGrouping : Boolean
- False to disable grouping functionality (defaults to true)
-
GroupingView
  - - enableGroupingMenu : Boolean
- True to enable the grouping control in the column menu
-
GroupingView
  - - enableNoGroups : Boolean
- True to allow the user to turn off grouping
-
GroupingView
  - - groupByText : String
- Text displayed in the grid header menu for grouping by a column (defaults to 'Group By This Field').
-
GroupingView
  - - header : String
- The text with which to prefix the group field value in the group header line.
-
GroupingView
  - - hideGroupedColumn : Boolean
- True to hide the column that is currently grouped
-
GroupingView
  - - ignoreAdd : Boolean
- True to skip refreshing the view when new rows are added (defaults to false)
-
GroupingView
  - - rowSelector : String
- The selector used to find rows internally
-
GridView
  - - rowSelectorDepth : Number
- The number of levels to search for rows in event delegation (defaults to 10)
-
GridView
  - - showGroupName : Boolean
- True to display the name 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
  - - startCollapsed : Boolean
- True to start all groups collapsed
-
GroupingView
- -

Public Properties

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
PropertyDefined By
  - - columnsText : String
- The text displayed in the "Columns" menu item
-
GridView
  - - dragZone : Ext.grid.GridDragZone -

This

-
-
GridView
  - - scrollOffset : Number
- The amount of space to reserve for the scrollbar (defaults to 19 pixels)
-
GridView
  - - sortAscText : String
- The text displayed in the "Sort Ascending" menu item
-
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
-
GridView
- -

Public Methods

- - - - - - - - - - - - - - - - - -
MethodDefined By

Public Events

EventDefined By
\ No newline at end of file