Upgrade to ExtJS 3.1.0 - Released 12/16/2009

[extjs.git] / examples / grid / locking-grid.html
diff --git a/examples/grid/locking-grid.html b/examples/grid/locking-grid.html

new file mode 100644 (file)

index 0000000..59a9406
--- /dev/null
+++ b/examples/grid/locking-grid.html
@@ -0,0 +1,38 @@
+<html>\r
+<head>\r
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
+    <title>Locking Grid Column 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="../ux/css/LockingGridView.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
+    <!-- ** 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-debug.js"></script>\r
+\r
+    <!-- overrides to base library -->\r
+\r
+    <!-- page specific -->\r
+    <script type="text/javascript" src="../ux/LockingGridView.js"></script>\r
+    <script type="text/javascript" src="locking-grid.js"></script>\r
+\r
+</head>\r
+<body>\r
+    <h1>Locking Grid Column Example</h1>\r
+    <p>This example shows how to achieve "freeze pane" locking functionality similar to Excel.</p>\r
+    <p>Note that the js is not minified so it is readable. See <a href="locking-grid.js">locking-grid.js</a>.</p>\r
+    \r
+    <div id="grid-example"></div>\r
+</body>\r
+</html>
+\ No newline at end of file