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

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