<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>The source code</title> <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="../resources/prettify/prettify.js"></script> <style type="text/css"> .highlight { display: block; background-color: #ddd; } </style> <script type="text/javascript"> function highlight() { document.getElementById(location.hash.replace(/#/, "")).className = "highlight"; } </script> </head> <body onload="prettyPrint(); highlight();"> <pre class="prettyprint lang-js"><span id='Ext-grid-View'>/** </span> * 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', <span id='Ext-grid-View-cfg-stripeRows'> /** </span> * @cfg * True to stripe the rows. * * 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, autoScroll: true }); </pre> </body> </html>