examples/grid/sliding-pager.html

   1 <html>\r
   2 <head>\r
   3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
   4 <title>Sliding Pager Extension Example</title>\r
   5 \r
   6     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
   7 \r
   8     <!-- GC -->\r
   9         <!-- LIBS -->\r
  10         <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
  11         <!-- ENDLIBS -->\r
  12 \r
  13     <script type="text/javascript" src="../../ext-all.js"></script>\r
  14 \r
  15     <script type="text/javascript" src="SlidingPager.js"></script>\r
  16     <script type="text/javascript" src="../slider/SliderTip.js"></script>\r
  17     <script type="text/javascript" src="PanelResizer.js"></script>\r
  18     <script type="text/javascript" src="../locale/PagingMemoryProxy.js"></script>\r
  19     <script type="text/javascript" src="sliding-pager.js"></script>\r
  20     <link rel="stylesheet" type="text/css" href="grid-examples.css" />\r
  21 \r
  22     <!-- Common Styles for the examples -->\r
  23     <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
  24     <style type="text/css">\r
  25         .x-panel-resize {\r
  26             height:5px;\r
  27             background:transparent url(images/panel-handle.gif) no-repeat center bottom;\r
  28             position:relative;\r
  29             left:0;\r
  30             top:2px;\r
  31             cursor:n-resize;\r
  32             cursor:row-resize;\r
  33             /* for IE */\r
  34             font-size:1px;\r
  35             line-height:1px;\r
  36             overflow:hidden;\r
  37         }\r
  38     </style>\r
  39 </head>\r
  40 <body>\r
  41 <script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->\r
  42 <h1>Sliding Pager Extension</h1>\r
  43 <p>Note that the js is not minified so it is readable. See <a href="sliding-pager.js">sliding-pager.js</a>.</p>\r
  44 \r
  45 <div id="grid-example"></div>\r
  46 </body>\r
  47 </html>\r