X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6746dc89c47ed01b165cc1152533605f97eb8e8d..HEAD:/src/grid/View.js diff --git a/src/grid/View.js b/src/grid/View.js index e4c38ecc..60baadb0 100644 --- a/src/grid/View.js +++ b/src/grid/View.js @@ -15,50 +15,49 @@ If you are unsure which license is appropriate for your use, please contact the /** * @class Ext.grid.View * @extends Ext.view.Table - -The grid View class provides extra {@link Ext.grid.Panel} specific functionality to the -{@link Ext.view.Table}. In general, this class is not instanced directly, instead a viewConfig -option is passed to the grid: - - Ext.create('Ext.grid.Panel', { - // other options - viewConfig: { - stripeRows: false - } - }); - -__Drag Drop__ -Drag and drop functionality can be achieved in the grid by attaching a {@link Ext.grid.plugin.DragDrop} plugin -when creating the view. - - Ext.create('Ext.grid.Panel', { - // other options - viewConfig: { - plugins: { - ddGroup: 'people-group', - ptype: 'gridviewdragdrop', - enableDrop: false - } - } - }); - - * @markdown + * + * The grid View class provides extra {@link Ext.grid.Panel} specific functionality to the + * {@link Ext.view.Table}. In general, this class is not instanced directly, instead a viewConfig + * option is passed to the grid: + * + * Ext.create('Ext.grid.Panel', { + * // other options + * viewConfig: { + * stripeRows: false + * } + * }); + * + * ## Drag Drop + * + * Drag and drop functionality can be achieved in the grid by attaching a {@link Ext.grid.plugin.DragDrop} plugin + * when creating the view. + * + * Ext.create('Ext.grid.Panel', { + * // other options + * viewConfig: { + * plugins: { + * ddGroup: 'people-group', + * ptype: 'gridviewdragdrop', + * enableDrop: false + * } + * } + * }); */ Ext.define('Ext.grid.View', { extend: 'Ext.view.Table', alias: 'widget.gridview', /** - * @cfg {Boolean} stripeRows true to stripe the rows. Default is false. + * @cfg {Boolean} stripeRows true to stripe the rows. Default is true. *

This causes the CSS class x-grid-row-alt to be added to alternate rows of * the grid. A default CSS rule is provided which sets a background color, but you can override this * with a rule which either overrides the background-color style using the '!important' * modifier, or which uses a CSS selector of higher specificity.

*/ stripeRows: true, - + invalidateScrollerOnRefresh: true, - + /** * Scroll the GridView to the top by scrolling the scroller. * @private @@ -67,7 +66,7 @@ Ext.define('Ext.grid.View', { if (this.rendered) { var section = this.ownerCt, verticalScroller = section.verticalScroller; - + if (verticalScroller) { verticalScroller.scrollToTop(); } @@ -79,23 +78,23 @@ Ext.define('Ext.grid.View', { this.callParent(arguments); this.doStripeRows(index); }, - + // after removing a row stripe rows from then on onRemove: function(ds, records, index) { this.callParent(arguments); this.doStripeRows(index); }, - + onUpdate: function(ds, record, operation) { var index = ds.indexOf(record); this.callParent(arguments); this.doStripeRows(index, index); }, - + /** * Stripe rows from a particular row index * @param {Number} startRow - * @param {Number} endRow Optional argument specifying the last row to process. By default process up to the last row. + * @param {Number} endRow (Optional) argument specifying the last row to process. By default process up to the last row. * @private */ doStripeRows: function(startRow, endRow) { @@ -105,7 +104,7 @@ Ext.define('Ext.grid.View', { rowsLn = rows.length, i = 0, row; - + for (; i < rowsLn; i++) { row = rows[i]; // Remove prior applied row classes. @@ -118,7 +117,7 @@ Ext.define('Ext.grid.View', { } } }, - + refresh: function(firstPass) { this.callParent(arguments); this.doStripeRows(0);