| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Remote Summary Grid Example</title>
- <!-- Ext -->
- <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
- <link rel="stylesheet" type="text/css" href="../shared/example.css" />
- <!-- GC -->
- <script type="text/javascript" src="../../ext-all.js"></script>
- <!--
- This script intercepts ajax and provides canned data in response:
- -->
- <script type="text/javascript" src="remote-group-summary-grid-simjax.js"></script>
- <!--
- This code would otherwise make real ajax requests to the server:
- -->
- <script type="text/javascript" src="remote-group-summary-grid.js"></script>
- <style type="text/css">
- .task .x-grid-cell-inner {
- padding-left: 15px;
- }
- .x-grid-row-summary {
- color:#333;
- background: #f1f2f4;
- }
- .x-grid-row-summary .x-grid-cell-inner {
- font-weight: bold;
- font-size: 11px;
- padding-bottom: 4px;
- }
- .x-grid-hide-summary .x-grid-row-summary {
- display:none;
- }
- .x-grid-row .x-grid-cell-cost {
- background-color:#f1f2f4;
- }
- .x-grid-row-summary .x-grid-cell-cost {
- background-color:#e1e2e4;
- }
- </style>
- </head>
- <body>
- <h1>Remote Summary Grid Example Example</h1>
- <p>This example demonstrates the use of the GroupingSummaryFeature with server-side summary
- calculation (results are intentionally wrong).</p>
- <p>This page also illustrates how to use Ajax simulation instead of a live server.</p>
- <p>Note that the js is not minified so it is readable. See
- <a href="remote-group-summary-grid.js">remote-group-summary-grid.js</a> and
- <a href="remote-group-summary-grid-simjax.js">remote-group-summary-grid-simjax.js</a>.</p>
- </body>
- </html>
|
