Upgrade to ExtJS 3.0.0 - Released 07/06/2009

[extjs.git] / examples / grid / totals-hybrid.html
diff --git a/examples/grid/totals-hybrid.html b/examples/grid/totals-hybrid.html

new file mode 100644 (file)

index 0000000..0c5ce43
--- /dev/null
+++ b/examples/grid/totals-hybrid.html
@@ -0,0 +1,65 @@
+<html>\r
+<head>\r
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
+    <title>Custom Hybrid Summary Plugin Example</title>\r
+\r
+    <!-- ** CSS ** -->\r
+    <!-- base library -->\r
+    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
+\r
+    <!-- overrides to base library -->\r
+    <link rel="stylesheet" type="text/css" href="../ux/css/GroupSummary.css" />\r
+\r
+    <!-- page specific -->\r
+    <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
+    <link rel="stylesheet" type="text/css" href="grid-examples.css" />\r
+\r
+    <style type="text/css">\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
+\r
+    <!-- ** Javascript ** -->\r
+    <!-- ExtJS library: base/adapter -->\r
+    <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
+\r
+    <!-- ExtJS library: all widgets -->\r
+    <script type="text/javascript" src="../../ext-all.js"></script>\r
+\r
+    <!-- overrides to base library -->\r
+\r
+    <!-- extensions -->\r
+    <script type="text/javascript" src="../ux/GroupSummary.js"></script>\r
+\r
+    <!-- page specific -->\r
+    <script type="text/javascript" src="totals-hybrid.js"></script>\r
+\r
+</head>\r
+<body>\r
+    <h1>Custom Hybrid Summary Plugin Example</h1>\r
+    <p>This example demonstrates the use of the\r
+    <a href="../ux/GroupSummary.js">Ext.ux.grid.HybridSummary</a> class which extends the \r
+    <a href="../ux/GroupSummary.js">Ext.ux.grid.GroupSummary</a> class to use remote data. \r
+    <p>Note that the js is not minified so it is readable. See <a href="totals-hybrid.js">totals-hybrid.js</a>.</p>\r
+</body>\r
+</html>
+\ No newline at end of file