examples/grid/grouping.html

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