1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
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="../../cssX/roojs-all.css"/>
7 <link rel="stylesheet" type="text/css" href="../../cssX/xtheme-slate.css"/>
9 <script type="text/javascript" src="../../roojs-all.js"></script>
11 <script type="text/javascript" src="viewpanel.js"></script>
13 <script type="text/javascript" src="../../Roo/ViewPanel.js"></script>
15 <link rel="stylesheet" type="text/css" href="grid-examples.css" />
17 <!-- Common Styles for the examples -->
18 <link rel="stylesheet" type="text/css" href="../examples.css" />
25 <script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
26 <h1>Paging Grid Example</h1>
27 <p>This example shows how to create a grid with paging. This grid uses a ScriptTagProxy to fetch cross-domain
28 remote data (from the Ext forums).</p>
29 <p>Note that the js is not minified so it is readable. See <a href="viewpanel.js">viewpanel.js</a>.</p>
31 <div style="width:694px;" class="x-box-blue">
32 <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
33 <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
34 <h3 style="margin-bottom:5px;">Ext - Help Forum</h3>
35 <div id="topic-grid" style="border:1px solid #99bbe8;overflow: hidden; width: 665px; height: 300px;position:relative;left:0;top:0;"></div>
37 <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>