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>