examples/grid/totals-hybrid.html

   1 <html>\r
   2 <head>\r
   3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
   4     <title>Custom Hybrid Summary Plugin Example</title>\r
   5 \r
   6     <!-- ** CSS ** -->\r
   7     <!-- base library -->\r
   8     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
   9 \r
  10     <!-- overrides to base library -->\r
  11     <link rel="stylesheet" type="text/css" href="../ux/css/GroupSummary.css" />\r
  12 \r
  13     <!-- page specific -->\r
  14     <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
  15     <link rel="stylesheet" type="text/css" href="grid-examples.css" />\r
  16 \r
  17     <style type="text/css">\r
  18         .x-grid3-cell-inner {\r
  19             font-family:"segoe ui",tahoma, arial, sans-serif;\r
  20         }\r
  21         .x-grid-group-hd div {\r
  22             font-family:"segoe ui",tahoma, arial, sans-serif;\r
  23         }\r
  24         .x-grid3-hd-inner {\r
  25             font-family:"segoe ui",tahoma, arial, sans-serif;\r
  26             font-size:12px;\r
  27         }\r
  28         .x-grid3-body .x-grid3-td-cost {\r
  29             background-color:#f1f2f4;\r
  30         }\r
  31         .x-grid3-summary-row .x-grid3-td-cost {\r
  32             background-color:#e1e2e4;\r
  33         }\r
  34         .icon-grid {\r
  35             background-image:url(../shared/icons/fam/grid.png) !important;\r
  36         }\r
  37         .x-grid3-dirty-cell {\r
  38             background-image:none;\r
  39         }\r
  40     </style>\r
  41 \r
  42     <!-- ** Javascript ** -->\r
  43     <!-- ExtJS library: base/adapter -->\r
  44     <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
  45 \r
  46     <!-- ExtJS library: all widgets -->\r
  47     <script type="text/javascript" src="../../ext-all.js"></script>\r
  48 \r
  49     <!-- overrides to base library -->\r
  50 \r
  51     <!-- extensions -->\r
  52     <script type="text/javascript" src="../ux/GroupSummary.js"></script>\r
  53 \r
  54     <!-- page specific -->\r
  55     <script type="text/javascript" src="totals-hybrid.js"></script>\r
  56 \r
  57 </head>\r
  58 <body>\r
  59     <h1>Custom Hybrid Summary Plugin Example</h1>\r
  60     <p>This example demonstrates the use of the\r
  61     <a href="../ux/GroupSummary.js">Ext.ux.grid.HybridSummary</a> class which extends the \r
  62     <a href="../ux/GroupSummary.js">Ext.ux.grid.GroupSummary</a> class to use remote data. \r
  63     <p>Note that the js is not minified so it is readable. See <a href="totals-hybrid.js">totals-hybrid.js</a>.</p>\r
  64 </body>\r
  65 </html>