Upgrade to ExtJS 3.3.0 - Released 10/06/2010
[extjs.git] / examples / grid / totals.html
index 333374e..e6b8ace 100644 (file)
@@ -1,62 +1,63 @@
-<html>\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
-<title>Grid3 Group Summary Plugin</title>\r
-\r
-    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
-\r
-    <!-- GC -->\r
-       <!-- LIBS -->\r
-       <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
-       <!-- ENDLIBS -->\r
-\r
-    <script type="text/javascript" src="../../ext-all.js"></script>\r
-\r
-\r
-    <script type="text/javascript" src="GroupSummary.js"></script>\r
-    <script type="text/javascript" src="totals.js"></script>\r
-\r
-    <link rel="stylesheet" type="text/css" href="summary.css" />\r
-    <link rel="stylesheet" type="text/css" href="grid-examples.css" />\r
-\r
-    <!-- Common Styles for the examples -->\r
-    <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
-\r
-    <style type="text/css">\r
-        .negative {\r
-            color: #dd0000;\r
-        }\r
-        .positive {\r
-            color: green;\r
-        }\r
-        .x-grid3-cell-inner {\r
-            font-family:"segoe ui",tahoma, arial, sans-serif;\r
-        }\r
-        .x-grid-group-hd div {\r
-            font-family:"segoe ui",tahoma, arial, sans-serif;\r
-        }\r
-        .x-grid3-hd-inner {\r
-            font-family:"segoe ui",tahoma, arial, sans-serif;\r
-            font-size:12px;\r
-        }\r
-        .x-grid3-body .x-grid3-td-cost {\r
-            background-color:#f1f2f4;\r
-        }\r
-        .x-grid3-summary-row .x-grid3-td-cost {\r
-            background-color:#e1e2e4;\r
-        }\r
-        .icon-grid {\r
-            background-image:url(../shared/icons/fam/grid.png) !important;\r
-        }\r
-        .x-grid3-dirty-cell {\r
-            background-image:none;\r
-        }\r
-    </style>\r
-</head>\r
-<body>\r
-<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->\r
-<h1>Group Summary Plugin</h1>\r
-<p>Note that the js is not minified so it is readable. See <a href="totals.js">totals.js</a>.</p>\r
-\r
-</body>\r
-</html>\r
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title>Custom Group Summary Plugin Example</title>
+
+    <!-- ** CSS ** -->
+    <!-- base library -->
+    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+
+    <!-- overrides to base library -->
+    <link rel="stylesheet" type="text/css" href="../ux/css/GroupSummary.css" />
+
+    <!-- page specific -->
+    <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
+    <link rel="stylesheet" type="text/css" href="grid-examples.css" />
+
+    <style type="text/css">
+        .x-grid3-cell-inner {
+            font-family:"segoe ui",tahoma, arial, sans-serif;
+        }
+        .x-grid-group-hd div {
+            font-family:"segoe ui",tahoma, arial, sans-serif;
+        }
+        .x-grid3-hd-inner {
+            font-family:"segoe ui",tahoma, arial, sans-serif;
+            font-size:12px;
+        }
+        .x-grid3-body .x-grid3-td-cost {
+            background-color:#f1f2f4;
+        }
+        .x-grid3-summary-row .x-grid3-td-cost {
+            background-color:#e1e2e4;
+        }
+        .icon-grid {
+            background-image:url(../shared/icons/fam/grid.png) !important;
+        }
+        .x-grid3-dirty-cell {
+            background-image:none;
+        }
+    </style>
+
+    <!-- ** Javascript ** -->
+    <!-- ExtJS library: base/adapter -->
+    <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
+
+    <!-- ExtJS library: all widgets -->
+    <script type="text/javascript" src="../../ext-all.js"></script>
+
+    <!-- overrides to base library -->
+
+    <!-- extensions -->
+    <script type="text/javascript" src="../ux/GroupSummary.js"></script>
+
+    <!-- page specific -->
+    <script type="text/javascript" src="totals.js"></script>
+
+</head>
+<body>
+    <h1>Custom Group Summary Plugin Example</h1>
+    <p>Demonstrates the custom <a href="../ux/GroupSummary.js">Ext.ux.grid.GroupSummary</a> class.</p>
+    <p>Note that the js is not minified so it is readable. See <a href="totals.js">totals.js</a>.</p>
+</body>
+</html>