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-debug.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         .icon-clear-group {\r
  30             background-image:url(../shared/icons/fam/control_rewind.png) !important;\r
  31         }\r
  32         #button-grid .x-panel-body {\r
  33             border:1px solid #99bbe8;\r
  34             border-top:0 none;\r
  35         }\r
  36         .add {\r
  37             background-image:url(../shared/icons/fam/add.gif) !important;\r
  38         }\r
  39         .option {\r
  40             background-image:url(../shared/icons/fam/plugin.gif) !important;\r
  41         }\r
  42         .remove {\r
  43             background-image:url(../shared/icons/fam/delete.gif) !important;\r
  44         }\r
  45         .save {\r
  46             background-image:url(../shared/icons/save.gif) !important;\r
  47         }\r
  48     </style>\r
  49 </head>\r
  50 <body>\r
  51 <script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->\r
  52 <h1>GridView3 Grouping</h1>\r
  53 <p>Note that the js is not minified so it is readable. See <a href="grouping.js">grouping.js</a>.</p>\r
  54 \r
  55 </body>\r
  56 </html>\r