Upgrade to ExtJS 3.2.0 - Released 03/30/2010
[extjs.git] / examples / grid / multiple-sorting.html
diff --git a/examples/grid/multiple-sorting.html b/examples/grid/multiple-sorting.html
new file mode 100644 (file)
index 0000000..14be8af
--- /dev/null
@@ -0,0 +1,32 @@
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>Grid Multiple Sorting</title>
+        <!-- GC -->
+        
+        <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+        <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
+        <link rel="stylesheet" type="text/css" href="multiple-sorting.css" />
+    
+        <!-- ExtJS library: base/adapter -->
+        <script type="text/javascript" src="../../adapter/ext/ext-base-debug.js"></script>
+
+        <!-- ExtJS library: all widgets -->
+        <script type="text/javascript" src="../../ext-all-debug.js"></script>
+    </head>
+    <body>
+        <script type="text/javascript" src="../ux/Reorderer.js"></script>
+        <script type="text/javascript" src="../ux/ToolbarReorderer.js"></script>
+        <script type="text/javascript" src="../ux/ToolbarDroppable.js"></script>
+        <script type="text/javascript" src="multiple-sorting.js"></script>
+        <h1>Multiple grid sorting example</h1>
+        <p>This example shows how to sort a grid by more than a single field.</p>
+        <p>The store is initially sorted by Rating DESC then by Salary ASC, as indicated in the toolbar.</p>
+        <p>Click a button to change sorting direction, drag buttons to reorder them.</p>
+        <p>This example also uses the <a href="../ux/ToolbarDroppable.js">Ext.ux.ToolbarDroppable</a> plugin to allow column headers to be dropped onto the toolbar. Try it with 
+          Name column header. Each column is only allowed one button, so Rating and Salary cannot be dropped in this example.</p>
+        <p>Note that the js is not minified so it is readable. See <a href="multiple-sorting.js">multiple-sorting.js</a>.</p>
+
+        <div id="grid-example"></div>
+    </body>
+</html>
\ No newline at end of file