Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / examples / dd / dnd_grid_to_grid.js
index 67140d6..e563f20 100644 (file)
@@ -1,21 +1,11 @@
-/*\r
- * Ext JS Library 2.2.1\r
- * Copyright(c) 2006-2009, Ext JS, LLC.\r
- * licensing@extjs.com\r
- * \r
- * http://extjs.com/license\r
- */\r
-\r
-/*\r
- * Ext JS Library 2.1\r
- * Copyright(c) 2006-2009, Ext JS, LLC.\r
- * licensing@extjs.com\r
- * \r
- * http://extjs.com/license\r
- */\r
-\r
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
 Ext.onReady(function(){\r
-  \r
+\r
     var myData = {\r
                records : [\r
                        { name : "Rec 0", column1 : "0", column2 : "0" },\r
@@ -38,14 +28,14 @@ Ext.onReady(function(){
           {name: 'column1', mapping : 'column1'},\r
           {name: 'column2', mapping : 'column2'}\r
        ];\r
-       \r
+\r
     // create the data store\r
     var firstGridStore = new Ext.data.JsonStore({\r
         fields : fields,\r
                data   : myData,\r
                root   : 'records'\r
     });\r
-       \r
+\r
 \r
        // Column Model shortcut array\r
        var cols = [\r
@@ -53,17 +43,17 @@ Ext.onReady(function(){
                {header: "column1", width: 50, sortable: true, dataIndex: 'column1'},\r
                {header: "column2", width: 50, sortable: true, dataIndex: 'column2'}\r
        ];\r
-    \r
+\r
        // declare the source Grid\r
     var firstGrid = new Ext.grid.GridPanel({\r
-               ddGroup          : 'secondGridDDGroup',\r
+       ddGroup          : 'secondGridDDGroup',\r
         store            : firstGridStore,\r
         columns          : cols,\r
-               enableDragDrop   : true,\r
+       enableDragDrop   : true,\r
         stripeRows       : true,\r
         autoExpandColumn : 'name',\r
         width            : 325,\r
-               region           : 'west',\r
+       region           : 'west',\r
         title            : 'First Grid'\r
     });\r
 \r
@@ -71,21 +61,21 @@ Ext.onReady(function(){
         fields : fields,\r
                root   : 'records'\r
     });\r
-       \r
+\r
     // create the destination Grid\r
     var secondGrid = new Ext.grid.GridPanel({\r
-               ddGroup          : 'firstGridDDGroup',\r
+       ddGroup          : 'firstGridDDGroup',\r
         store            : secondGridStore,\r
         columns          : cols,\r
-               enableDragDrop   : true,\r
+       enableDragDrop   : true,\r
         stripeRows       : true,\r
         autoExpandColumn : 'name',\r
         width            : 325,\r
-               region           : 'center',\r
+       region           : 'center',\r
         title            : 'Second Grid'\r
     });\r
 \r
-       \r
+\r
        //Simple 'border layout' panel to house both grids\r
        var displayPanel = new Ext.Panel({\r
                width    : 650,\r
@@ -103,7 +93,7 @@ Ext.onReady(function(){
                                handler : function() {\r
                                        //refresh source grid\r
                                        firstGridStore.loadData(myData);\r
-                                       \r
+\r
                                        //purge destination grid\r
                                        secondGridStore.removeAll();\r
                                }\r
@@ -123,19 +113,19 @@ Ext.onReady(function(){
                ddGroup    : 'firstGridDDGroup',\r
                copy       : true,\r
                notifyDrop : function(ddSource, e, data){\r
-                       \r
+\r
                        // Generic function to add records.\r
                        function addRow(record, index, allItems) {\r
-                               \r
+\r
                                // Search for duplicates\r
-                               var foundItem = firstGridStore.find('name', record.data.name);\r
+                               var foundItem = firstGridStore.findExact('name', record.data.name);\r
                                // if not found\r
                                if (foundItem  == -1) {\r
                                        firstGridStore.add(record);\r
-                                       \r
+\r
                                        // Call a sort dynamically\r
                                        firstGridStore.sort('name', 'ASC');\r
-                                       \r
+\r
                                        //Remove Record from the source\r
                                        ddSource.grid.store.remove(record);\r
                                }\r
@@ -145,28 +135,28 @@ Ext.onReady(function(){
                        Ext.each(ddSource.dragData.selections ,addRow);\r
                        return(true);\r
                }\r
-       });     \r
+       });\r
+\r
 \r
-       \r
        // This will make sure we only drop to the view container\r
        var secondGridDropTargetEl = secondGrid.getView().el.dom.childNodes[0].childNodes[1]\r
-       \r
+\r
        var destGridDropTarget = new Ext.dd.DropTarget(secondGridDropTargetEl, {\r
                ddGroup    : 'secondGridDDGroup',\r
                copy       : false,\r
                notifyDrop : function(ddSource, e, data){\r
-                       \r
+\r
                        // Generic function to add records.\r
                        function addRow(record, index, allItems) {\r
-                               \r
+\r
                                // Search for duplicates\r
-                               var foundItem = secondGridStore.find('name', record.data.name);\r
+                               var foundItem = secondGridStore.findExact('name', record.data.name);\r
                                // if not found\r
                                if (foundItem  == -1) {\r
                                        secondGridStore.add(record);\r
                                        // Call a sort dynamically\r
                                        secondGridStore.sort('name', 'ASC');\r
-                       \r
+\r
                                        //Remove Record from the source\r
                                        ddSource.grid.store.remove(record);\r
                                }\r
@@ -175,5 +165,5 @@ Ext.onReady(function(){
                        Ext.each(ddSource.dragData.selections ,addRow);\r
                        return(true);\r
                }\r
-       }); \r
+       });\r
 });\r