-<html>\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
-<title>Array Grid Example</title>\r
-\r
- <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
-\r
- <!-- GC -->\r
- <!-- LIBS -->\r
- <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
- <!-- ENDLIBS -->\r
-\r
- <script type="text/javascript" src="../../ext-all.js"></script>\r
-\r
- <script type="text/javascript" src="array-grid.js"></script>\r
- <link rel="stylesheet" type="text/css" href="grid-examples.css" />\r
-\r
- <!-- Common Styles for the examples -->\r
- <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\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
-</body>\r
-</html>\r
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>Stateful Array Grid Example</title>
+ <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+ <link rel="stylesheet" type="text/css" href="../shared/example.css" />
+ <script type="text/javascript" src="../../bootstrap.js"></script>
+
+ <!-- page specific -->
+ <style type="text/css">
+ /* style rows on mouseover */
+ .x-grid-row-over .x-grid-cell-inner {
+ font-weight: bold;
+ }
+ /* shared styles for the ActionColumn icons */
+ .x-action-col-cell img {
+ height: 16px;
+ width: 16px;
+ cursor: pointer;
+ }
+ /* custom icon for the "buy" ActionColumn icon */
+ .x-action-col-cell img.buy-col {
+ background-image: url(../shared/icons/fam/accept.png);
+ }
+ /* custom icon for the "alert" ActionColumn icon */
+ .x-action-col-cell img.alert-col {
+ background-image: url(../shared/icons/fam/error.png);
+ }
+
+ .x-ie6 .x-action-col-cell img.buy-col {
+ background-image: url(../shared/icons/fam/accept.gif);
+ }
+ .x-ie6.x-action-col-cell img.alert-col {
+ background-image: url(../shared/icons/fam/error.gif);
+ }
+
+ .x-ie6 .x-action-col-cell img {
+ position:relative;
+ top:-1px;
+ }
+ </style>
+ <script type="text/javascript" src="array-grid.js"></script>
+</head>
+<body>
+ <h1>Stateful Array Grid Example</h1>
+ <p>This example shows how to create a grid from Array data.</p>
+ <p>The grid is stateful so you can move or hide columns, reload the page, and come
+ back to the grid in the same state you left it in.</p>
+ <p>Note that the js is not minified so it is readable. See <a href="array-grid.js">array-grid.js</a>.</p>
+ <div id="grid-example"></div>
+</body>
+</html>
\ No newline at end of file
git.ithinksw.org / extjs.git / blobdiff