field-to-grid-dd.html 1.0 KB

1234567891011121314151617181920212223242526272829
  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="../../ext-all.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. <!-- GC -->
  12. <style type="text/css">
  13. .x-drop-target-active div.x-grid-cell-inner {
  14. background-color: #D88;
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <h1>Using a GridPanel as a DropZone managing each grid cell as a target</h1>
  20. <p>This example assumes prior knowledge of using a GridPanel.</p>
  21. <p>This illustrates how a DragZone can manage an arbitrary number of drag sources, and
  22. how a DropZone can manage an arbitrary number of targets.</p>
  23. <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>
  24. <div id="grid-example"></div>
  25. <div style="height:10px"></div>
  26. </body>
  27. </html>