在ExtJS 4中实现两个GridPanel间的数据拖拽功能涉及到了ExtJS框架提供的丰富的组件和插件支持。拖拽功能让用户可以通过交互式地拖动界面元素来执行操作，如移动或复制数据项等。这里的主要知识点是使用ExtJS提供的gridviewdragdrop插件来实现两个网格面板（GridPanel）之间通过拖拽操作转移数据。
需要了解ExtJS中的GridPanel组件，这是一个用于显示表格数据的强大组件，它提供了诸多配置项来定制网格的行为和外观。在实现拖拽功能时，我们首先要确保两个GridPanel组件都已经配置好，并且各自的store已初始化加载了需要展示的数据集。
接着，实现拖拽功能的关键在于gridviewdragdrop插件。在GridPanel的viewConfig配置中添加一个plugins对象，并设置ptype为'gridviewdragdrop'，以启用拖拽功能。同时，我们可以为拖拽指定dragGroup和dropGroup属性，这些属性用来区分不同的拖拽组。例如，如果GridPanel A拖动的数据项只能被GridPanel B接收，那么两个面板应设置不同的dragGroup和dropGroup，通常是一对互为相反值的字符串，以区分拖拽的源和目标。
在viewConfig中，我们还可以定义drop事件的监听器。drop事件在用户将数据项拖到目标GridPanel后触发，可以通过这个事件处理函数来实现将数据项从源store移动到目标store的逻辑。在示例代码中，通过drop事件的回调函数，可以访问到被拖拽的数据项（dropRec），以及数据项被放置的位置（dropPosition）。事件处理函数中可以添加业务逻辑来更新数据模型和UI显示。
这里有一个简化的逻辑流程如下：
1. 为两个GridPanel各自设置store，store是用来保存和加载数据的模型集合。
2. 在两个GridPanel的viewConfig中配置gridviewdragdrop插件，并分别设置好dragGroup和dropGroup属性。
3. 为GridPanel的viewConfig添加drop事件监听器，用来处理数据项拖拽后的逻辑，如更新store等。
4. 实际拖拽时，用户从一个GridPanel中选择并拖拽一个或多个数据项，拖拽动作触发drop事件。
5. drop事件监听器执行，根据dropPosition和dropRec确定数据项应放置的具体位置和方式。
例如，可以通过drop事件监听器来判断数据项是否需要移动还是仅仅是复制，如果是移动，那么从源GridPanel的store中删除该数据项，并将它添加到目标GridPanel的store中。如果是复制，则只需将数据项复制到目标GridPanel的store中，源GridPanel中的数据保持不变。
需要注意的是，上述代码示例和相关描述都是基于ExtJS 4的。在实际开发中，可能还会结合其他组件和配置，比如Ext.grid.plugin.DragDrop来实现更为复杂的拖拽逻辑。例如，可能需要加入排序功能，此时会使用到拖拽排序插件，或者在拖拽过程中会有动画效果，那么需要使用拖拽动画相关的设置。ExtJS提供了一套完整的组件和插件体系，足以应对大多数前端交互场景，包括实现两个GridPanel间的拖拽功能。
