ExtJS 6 将网格列拖到工具栏答案

【问题标题】：ExtJS 6 drag grid columns to toolbarExtJS 6 将网格列拖到工具栏
【发布时间】：2016-02-07 13:07:05
【问题描述】：

我正在新的 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() 的方法来定义拖放组，但我找不到该组在列配置中的定义位置。

谁知道如何使网格列可拖放到工具栏中？

【问题讨论】：

标签： extjs

【解决方案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 类

【讨论】：