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     <script type="text/javascript" src="../code-display.js"></script>\r
  16     <link rel="stylesheet" type="text/css" href="grid-examples.css" />\r
  17 \r
  18     <!-- Common Styles for the examples -->\r
  19     <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
  20 <style type="text/css">\r
  21 .x-drop-target-active {\r
  22         background-color: #D88;\r
  23 }\r
  24 </style>\r
  25 </head>\r
  26 <body>\r
  27 <h1>Using a GridPanel as a DropZone managing each grid cell as a target</h1>\r
  28 <p>This example assumes prior knowledge of using a GridPanel.</p>\r
  29 <p>This illustrates how a DragZone can manage an arbitrary number of drag sources, and\r
  30 how a DropZone can manage an arbitrary number of targets.</p>\r
  31 <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
  32 <div id="grid-example"></div>\r
  33 </body>\r
  34 </html>