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

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