examples/dd/field-to-grid-dd.html

   1 <html>\r
   2 <head>\r
   3 <title>Array Grid DropZone Example</title>\r
   4 \r
   5     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
   6 \r
   7     <!-- GC -->\r
   8         <!-- LIBS -->\r
   9         <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
  10         <!-- ENDLIBS -->\r
  11 \r
  12     <script type="text/javascript" src="../../ext-all-debug.js"></script>\r
  13 \r
  14     <script type="text/javascript" src="field-to-grid-dd.js"></script>\r
  15 \r
  16     <!-- Common Styles for the examples -->\r
  17     <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
  18 <style type="text/css">\r
  19 .x-drop-target-active {\r
  20         background-color: #D88;\r
  21 }\r
  22 </style>\r
  23 </head>\r
  24 <body>\r
  25 <h1>Using a GridPanel as a DropZone managing each grid cell as a target</h1>\r
  26 <p>This example assumes prior knowledge of using a GridPanel.</p>\r
  27 <p>This illustrates how a DragZone can manage an arbitrary number of drag sources, and\r
  28 how a DropZone can manage an arbitrary number of targets.</p>\r
  29 <p>Note that the js is not minified so it is readable. See <a href="field-to-grid-dd.js">field-to-grid-dd.js</a>.</p>\r
  30 <div id="grid-example"></div>\r
  31 </body>\r
  32 </html>