examples/grid/paging.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3 <head>
   4 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   5 <title>Paging Grid Example</title>
   6
   7     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   8     <link rel="stylesheet" type="text/css" href="../shared/example.css" />
   9
  10     <script type="text/javascript" src="../../bootstrap.js"></script>
  11     <script type="text/javascript" src="paging.js"></script>
  12     <style>
  13         .x-grid-cell-topic b {
  14             display: block;
  15         }
  16         .x-grid-cell-topic .x-grid-cell-inner {
  17             white-space: normal;
  18         }
  19         .x-grid-cell-topic a {
  20             color: #385F95;
  21             text-decoration: none;
  22         }
  23         .x-grid-cell-topic a:hover {
  24             text-decoration:underline;
  25         }
  26                 .x-grid-cell-topic .x-grid-cell-innerf {
  27                         padding: 5px;
  28                 }
  29                 .x-grid-rowbody {
  30                 padding: 0 5px 5px 5px;
  31                 }
  32     </style>
  33 </head>
  34 <body>
  35     <h1>Paging Grid Example</h1>
  36     <p>This example shows how to create a grid with paging. This grid uses a Ext.data.proxy.JsonP proxy
  37        to fetch cross-domain remote data (from the Ext forums).</p>
  38     <p>Note that the js is not minified so it is readable. See <a href="paging.js">paging.js</a>.</p>
  39     <div id="topic-grid"></div>
  40 </body>
  41 </html>