Upgrade to ExtJS 3.0.3 - Released 10/11/2009
[extjs.git] / examples / grid / totals.html
1 <html>\r
2 <head>\r
3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
4     <title>Custom Group 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.js"></script>\r
56 \r
57 </head>\r
58 <body>\r
59     <h1>Custom Group Summary Plugin Example</h1>\r
60     <p>Demonstrates the custom <a href="../ux/GroupSummary.js">Ext.ux.grid.GroupSummary</a> class.</p>\r
61     <p>Note that the js is not minified so it is readable. See <a href="totals.js">totals.js</a>.</p>\r
62 </body>\r
63 </html>\r