-<!--
-To change this template, choose Tools | Templates
-and open the template in the editor.
--->
-<!DOCTYPE html>
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
- <head>
- <title></title>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- </head>
- <body>
- <div>TODO write content</div>
- </body>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<title>Paging Grid Example</title>
+ <link rel="stylesheet" type="text/css" href="../../cssX/roojs-all.css"/>
+ <link rel="stylesheet" type="text/css" href="../../cssX/xtheme-slate.css"/>
+
+ <script type="text/javascript" src="../../roojs-all.js"></script>
+
+<script type="text/javascript" src="viewpanel.js"></script>
+<link rel="stylesheet" type="text/css" href="grid-examples.css" />
+
+<!-- Common Styles for the examples -->
+<link rel="stylesheet" type="text/css" href="../examples.css" />
+
+
+
+
+</head>
+<body>
+<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
+<h1>Paging Grid Example</h1>
+<p>This example shows how to create a grid with paging. This grid uses a ScriptTagProxy to fetch cross-domain
+ remote data (from the Ext forums).</p>
+<p>Note that the js is not minified so it is readable. See <a href="viewpanel.js">viewpanel.js</a>.</p>
+
+ <div style="width:694px;" class="x-box-blue">
+ <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
+ <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
+ <h3 style="margin-bottom:5px;">Ext - Help Forum</h3>
+ <div id="topic-grid" style="border:1px solid #99bbe8;overflow: hidden; width: 665px; height: 300px;position:relative;left:0;top:0;"></div>
+ </div></div></div>
+ <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
+ </div>
+
+
+</body>
</html>