examples/grid/grid-plugins.html

   1 <html>
   2 <head>
   3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   4 <title>Grid Plugins Example</title>
   5
   6     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   7
   8     <!-- GC -->
   9         <!-- LIBS -->
  10         <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
  11         <!-- ENDLIBS -->
  12
  13     <script type="text/javascript" src="../../ext-all.js"></script>
  14
  15
  16     <script type="text/javascript" src="../ux/RowExpander.js"></script>
  17     <script type="text/javascript" src="grid-plugins.js"></script>
  18     <link rel="stylesheet" type="text/css" href="grid-examples.css" />
  19
  20     <!-- Common Styles for the examples -->
  21     <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
  22
  23     <style type="text/css">
  24         body .x-panel {
  25             margin-bottom:20px;
  26         }
  27         .icon-grid {
  28             background-image:url(../shared/icons/fam/grid.png) !important;
  29         }
  30         #button-grid .x-panel-body {
  31             border:1px solid #99bbe8;
  32             border-top:0 none;
  33         }
  34         .add {
  35             background-image:url(../shared/icons/fam/add.gif) !important;
  36         }
  37         .option {
  38             background-image:url(../shared/icons/fam/plugin.gif) !important;
  39         }
  40         .remove {
  41             background-image:url(../shared/icons/fam/delete.gif) !important;
  42         }
  43         .save {
  44             background-image:url(../shared/icons/save.gif) !important;
  45         }
  46     </style>
  47 </head>
  48 <body>
  49 <script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
  50 <h1>Grid Plugins Examples</h1>
  51 <p>This example demonstrates several plugins.  Note that the js is not minified so it is readable.
  52 See <a href="grid-plugins.js">grid-plugins.js</a>.</p>
  53
  54 </body>
  55 </html>