simjax-paging.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  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>SimPaging 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. <!--
  11. This script intercepts ajax/jsonp and provides canned data in response:
  12. -->
  13. <script type="text/javascript" src="simjax-paging.js"></script>
  14. <!--
  15. This is the same exact script code used for the real JSONP Paging Grid Example:
  16. -->
  17. <script type="text/javascript" src="paging.js"></script>
  18. <style type="text/css">
  19. .x-grid-cell-topic b {
  20. display: block;
  21. }
  22. .x-grid-cell-topic .x-grid-cell-inner {
  23. white-space: normal;
  24. }
  25. .x-grid-cell-topic a {
  26. color: #385F95;
  27. text-decoration: none;
  28. }
  29. .x-grid-cell-topic a:hover {
  30. text-decoration:underline;
  31. }
  32. .x-grid-cell-topic .x-grid-cell-innerf {
  33. padding: 5px;
  34. }
  35. .x-grid-rowbody {
  36. padding: 0 5px 5px 5px;
  37. }
  38. </style>
  39. </head>
  40. <body>
  41. <h1>Simulated JSONP Paging Grid Example</h1>
  42. <p>This page demonstrates how to use simulated JSONP by including the exact same code
  43. used by the real JSONP paging grid example after the simulation layer.</p>
  44. <p>Note that the js is not minified so it is readable. See <a href="simjax-paging.js">simjax-paging.js</a>
  45. and the unmodified example code <a href="paging.js">paging.js</a>.</p>
  46. <div id="topic-grid"></div>
  47. </body>
  48. </html>