Question

我在新的ExtJS 6框架中迈出了第一步。我有一个网格，用可变列加载数据。用户应该能够将特定列拖动到网格工具栏以进行进一步处理。

我发现Ext.ux.ToolbarDroppable似乎是该任务的正确方法。我的工具栏看起来像这样：

tbar: {
    items: [{
        xtype: 'tbtext',
        text: 'Proceed with following columns:'
    }],
    plugins: [
        Ext.create('Ext.ux.ToolbarDroppable', {createItem: function(data) {
            return Ext.create('Ext.Button', {text: data.text});
        }})
    ]
}

可以在网格标题中拖放网格列以重新排序列，但我无法弄清楚在工具栏中使它们可以放置的步骤。工具栏插件有一个名为 addDDGroup（）的方法来定义拖放组，但我无法找到列配置中定义该组的位置。

谁知道如何使网格列可以放入工具栏？

Answer 1

Ext.grid.column.Column initDraggable()：

// Header does not use the typical ComponentDraggable class and therefore we
// override this with an emptyFn. It is controlled at the HeaderDragZone.

帮助我找到了Ext.grid.header。DragZone。getDDGroup()。

您可以尝试使用相同的ddgroup吗？但我可以保证什么都没有，因为

Header不使用典型的ComponentDraggable类

ExtJS 6将网格列拖动到工具栏

1 个答案: