<html>\r
<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
-<title>Array Grid Example</title>\r
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
+ <title>Stateful Array Grid Example</title>\r
+\r
+ <!-- ** CSS ** -->\r
+ <!-- base library -->\r
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
- <link rel="stylesheet" type="text/css" href="grid-examples.css" />\r
\r
- <!-- Common Styles for the examples -->\r
+ <!-- overrides to base library -->\r
+\r
+ <!-- page specific -->\r
<link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
- <!-- GC -->\r
- <!-- LIBS -->\r
+ <link rel="stylesheet" type="text/css" href="grid-examples.css" />\r
+\r
+ <style type=text/css>\r
+ /* style rows on mouseover */\r
+ .x-grid3-row-over .x-grid3-cell-inner {\r
+ font-weight: bold;\r
+ }\r
+ </style>\r
+\r
+ <!-- ** Javascript ** -->\r
+ <!-- ExtJS library: base/adapter -->\r
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
- <!-- ENDLIBS -->\r
\r
+ <!-- ExtJS library: all widgets -->\r
<script type="text/javascript" src="../../ext-all.js"></script>\r
+\r
+ <!-- overrides to base library -->\r
+\r
+ <!-- page specific -->\r
<script type="text/javascript" src="array-grid.js"></script>\r
\r
</head>\r
<body>\r
-<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->\r
-<h1>Array Grid Example</h1>\r
-<p>This example shows how to create a grid from Array data.</p>\r
-<p>Note that the js is not minified so it is readable. See <a href="array-grid.js">array-grid.js</a>.</p>\r
-\r
-<div id="grid-example"></div>\r
+ <h1>Stateful Array Grid Example</h1>\r
+ <p>This example shows how to create a grid from Array data.</p>\r
+ <p>The grid is stateful so you can move or hide columns, reload the page, and come\r
+ back to the grid in the same state you left it in.</p>\r
+ <p>Note that the js is not minified so it is readable. See <a href="array-grid.js">array-grid.js</a>.</p>\r
+ \r
+ <div id="grid-example"></div>\r
</body>\r
-</html>\r
+</html>
\ No newline at end of file