ExtJS 6 перетащить столбцы сетки на панель инструментов

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}); 
     }}) 
    ] 
} 

Столбцы сетки можно перетаскивать в заголовке сетки, чтобы изменить порядок столбцов, но я не могу понять, шаги, чтобы сделать их Droppable на панели инструментов. В плагине панели инструментов есть метод, называемый 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; но я могу гарантировать, ни за что, так как

Заголовок не использует типичный ComponentDraggable класс