paging.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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. <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
  7. <link rel="stylesheet" type="text/css" href="../shared/example.css" />
  8. <!-- GC -->
  9. <script type="text/javascript" src="../../ext-all.js"></script>
  10. <script type="text/javascript" src="paging.js"></script>
  11. <style>
  12. .x-grid-cell-topic b {
  13. display: block;
  14. }
  15. .x-grid-cell-topic .x-grid-cell-inner {
  16. white-space: normal;
  17. }
  18. .x-grid-cell-topic a {
  19. color: #385F95;
  20. text-decoration: none;
  21. }
  22. .x-grid-cell-topic a:hover {
  23. text-decoration:underline;
  24. }
  25. .x-grid-cell-topic .x-grid-cell-innerf {
  26. padding: 5px;
  27. }
  28. .x-grid-rowbody {
  29. padding: 0 5px 5px 5px;
  30. }
  31. </style>
  32. </head>
  33. <body>
  34. <h1>Paging Grid Example</h1>
  35. <p>This example shows how to create a grid with paging. This grid uses a Ext.data.proxy.JsonP proxy
  36. to fetch cross-domain remote data (from the Ext forums).</p>
  37. <p>Note that the js is not minified so it is readable. See <a href="paging.js">paging.js</a>.</p>
  38. <div id="topic-grid"></div>
  39. </body>
  40. </html>