View2.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>The source code</title>
  6. <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  7. <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  8. <style type="text/css">
  9. .highlight { display: block; background-color: #ddd; }
  10. </style>
  11. <script type="text/javascript">
  12. function highlight() {
  13. document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
  14. }
  15. </script>
  16. </head>
  17. <body onload="prettyPrint(); highlight();">
  18. <pre class="prettyprint lang-js"><span id='Ext-grid-View'>/**
  19. </span> * The grid View class provides extra {@link Ext.grid.Panel} specific functionality to the
  20. * {@link Ext.view.Table}. In general, this class is not instanced directly, instead a viewConfig
  21. * option is passed to the grid:
  22. *
  23. * Ext.create('Ext.grid.Panel', {
  24. * // other options
  25. * viewConfig: {
  26. * stripeRows: false
  27. * }
  28. * });
  29. *
  30. * ## Drag Drop
  31. *
  32. * Drag and drop functionality can be achieved in the grid by attaching a {@link Ext.grid.plugin.DragDrop} plugin
  33. * when creating the view.
  34. *
  35. * Ext.create('Ext.grid.Panel', {
  36. * // other options
  37. * viewConfig: {
  38. * plugins: {
  39. * ddGroup: 'people-group',
  40. * ptype: 'gridviewdragdrop',
  41. * enableDrop: false
  42. * }
  43. * }
  44. * });
  45. */
  46. Ext.define('Ext.grid.View', {
  47. extend: 'Ext.view.Table',
  48. alias: 'widget.gridview',
  49. <span id='Ext-grid-View-cfg-stripeRows'> /**
  50. </span> * @cfg
  51. * True to stripe the rows.
  52. *
  53. * This causes the CSS class **`x-grid-row-alt`** to be added to alternate rows of the grid. A default CSS rule is
  54. * provided which sets a background color, but you can override this with a rule which either overrides the
  55. * **background-color** style using the `!important` modifier, or which uses a CSS selector of higher specificity.
  56. */
  57. stripeRows: true,
  58. autoScroll: true
  59. });
  60. </pre>
  61. </body>
  62. </html>