examples/grid/groupgrid.html

   1 <html>
   2 <head>
   3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   4     <title>Grouped Grid Example</title>
   5
   6     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
   7     <link rel="stylesheet" type="text/css" href="../shared/example.css" />
   8     <script type="text/javascript" src="../../bootstrap.js"></script>
   9
  10     <!-- page specific -->
  11     <script type="text/javascript" src="groupdemodata.js"></script>
  12     <script type="text/javascript" src="groupgrid.js"></script>
  13     <style type="text/css">
  14         .icon-grid {
  15             background-image:url(../shared/icons/fam/grid.png) !important;
  16         }
  17         .icon-clear-group {
  18             background-image:url(../shared/icons/fam/control_rewind.png) !important;
  19         }
  20     </style>
  21
  22 </head>
  23 <body>
  24     <h1>Grouping Grid Example</h1>
  25     <p>This example illustrates how to use the grouping feature of the Grid.</p>
  26     <p>Note that the js is not minified so it is readable. See <a href="groupgrid.js">groupgrid.js</a>.</p>
  27 </body>
  28 </html>