--- /dev/null
+<html>\r
+<head>\r
+<title>Array Grid DropZone Example</title>\r
+\r
+ <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
+\r
+ <!-- GC -->\r
+ <!-- LIBS -->\r
+ <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
+ <!-- ENDLIBS -->\r
+\r
+ <script type="text/javascript" src="../../ext-all-debug.js"></script>\r
+\r
+ <script type="text/javascript" src="field-to-grid-dd.js"></script>\r
+ <script type="text/javascript" src="../code-display.js"></script>\r
+ <link rel="stylesheet" type="text/css" href="grid-examples.css" />\r
+\r
+ <!-- Common Styles for the examples -->\r
+ <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
+<style type="text/css">\r
+.x-drop-target-active {\r
+ background-color: #D88;\r
+}\r
+</style>\r
+</head>\r
+<body>\r
+<h1>Using a GridPanel as a DropZone managing each grid cell as a target</h1>\r
+<p>This example assumes prior knowledge of using a GridPanel.</p>\r
+<p>This illustrates how a DragZone can manage an arbitrary number of drag sources, and\r
+how a DropZone can manage an arbitrary number of targets.</p>\r
+<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
+<div id="grid-example"></div>\r
+</body>\r
+</html>
\ No newline at end of file