-<html>\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
-<title>Array Grid Example</title>\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
- <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\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
- <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
-</body>\r
-</html>\r
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>Stateful Array Grid Example</title>
+
+ <!-- ** CSS ** -->
+ <!-- base library -->
+ <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+
+ <!-- overrides to base library -->
+
+ <!-- page specific -->
+ <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
+ <link rel="stylesheet" type="text/css" href="grid-examples.css" />
+
+ <style type=text/css>
+ /* style rows on mouseover */
+ .x-grid3-row-over .x-grid3-cell-inner {
+ font-weight: bold;
+ }
+
+ /* style for the "buy" ActionColumn icon */
+ .x-action-col-cell img.buy-col {
+ height: 16px;
+ width: 16px;
+ background-image: url(../shared/icons/fam/accept.png);
+ }
+
+ /* style for the "alert" ActionColumn icon */
+ .x-action-col-cell img.alert-col {
+ height: 16px;
+ width: 16px;
+ background-image: url(../shared/icons/fam/error.png);
+ }
+
+ </style>
+
+ <!-- ** Javascript ** -->
+ <!-- ExtJS library: base/adapter -->
+ <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
+
+ <!-- ExtJS library: all widgets -->
+ <script type="text/javascript" src="../../ext-all.js"></script>
+
+ <!-- overrides to base library -->
+
+ <!-- page specific -->
+ <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