| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 | <!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>
 |