drag-and-drop - Extjs 4.1 将treeview节点拖放到网格中以动态添加列

Question

我有一个包含可用列标题作为树节点的树视图。我也有一个网格。我需要做的是将其中一个树节点拖到网格的列标题部分以动态添加新列。我的树视图和网格都已正确配置和呈现。

我的树视图配置如下：

    var tree = Ext.create('Ext.tree.Panel', {
    viewConfig: {
        plugins: {
            ptype: 'treeviewdragdrop',
            dragGroup: 'myDDGroup'
        }
    ...

我的网格配置如下：

    var grid = Ext.create('Ext.grid.Panel', {
    viewConfig: {
        plugins: {
            ptype: 'gridviewdragdrop',
            dropGroup: 'myDDGroup'
        }
    ...

如果我想做的是将树节点拖到网格中以添加新行，我会说这非常有效。相反，正如我所提到的，我想要做的是将一个节点拖到列标题部分以添加一个新列（而不是一行）。

我在 ExtJS 源代码 (ViewDropZone.js) 中看到了处理 OnNodeDrop 事件的实现，看起来它按设计工作。我想我可以编写自己的 OnNodeDrop 事件处理程序来完成我需要的行为。在我走这条路之前，我想看看是否有人已经实施了类似的解决方案或知道替代/更好的解决方案。