Upgrade to ExtJS 3.2.2 - Released 06/02/2010
[extjs.git] / examples / toolbar / droppable.html
1 <html>
2     <head>
3         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
4         <title>Droppable Toolbar</title>
5         <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
6
7         <!-- GC -->
8         <!-- LIBS -->
9         <script type="text/javascript" src="../../adapter/ext/ext-base-debug.js"></script>
10         <!-- ENDLIBS -->
11
12         <script type="text/javascript" src="../../ext-all-debug.js"></script>
13
14         <script type="text/javascript" src="../ux/Reorderer.js"></script>
15         <script type="text/javascript" src="../ux/ToolbarReorderer.js"></script>
16         <script type="text/javascript" src="../ux/ToolbarDroppable.js"></script>
17         <script type="text/javascript" src="droppable.js"></script>
18     
19         <link rel="stylesheet" type="text/css" href="toolbars.css"/>
20
21         <!-- Common Styles for the examples -->
22         <link rel="stylesheet" type="text/css" href="../shared/examples.css"/>
23     </head>
24     <body id="docbody">
25         <script type="text/javascript" src="../shared/examples.js"></script>
26         <!-- EXAMPLES -->
27         <h1>Droppable Toolbars</h1>
28         <p>This example sets up a dataview with some draggable items which can be dropped onto the toolbar.</p>
29         <p>The toolbar is configured with the <a href="../ux/ToolbarDroppable.js">Ext.ux.ToolbarDroppable</a> plugin and a <a href="../ux/ToolbarReorderer.js">Ext.ux.ToolbarReorderer</a> plugin.</p>
30         <p>The js is not minified so it is readable. See <a href="droppable.js">droppable.js</a>.</p>
31     </body>
32 </html>