Upgrade to ExtJS 3.1.0 - Released 12/16/2009
[extjs.git] / 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>