| 123456789101112131415161718192021222324252627 |
- <!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>Grid Multiple Sorting</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="../../ext-all.js"></script>
- <link rel="stylesheet" type="text/css" href="multiple-sorting.css" />
- <!-- GC -->
- <script type="text/javascript" src="multiple-sorting.js"></script>
- </head>
- <body>
- <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>
|
