-<html>\r
-<head>\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
-\r
- <!-- overrides to base library -->\r
-\r
- <!-- page specific -->\r
- <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\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
-\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
- <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
+<!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