ExtJS Swap панели как список элементов

Question

Мне нужно поменять местами панели в списке. Я попытался изменить порядок строк в сетке, но мне нужно добавить в элемент немного больше информации, чтобы панель была удобной для отображения.

Должен быть классический значок перетаскивания (четыре стрелки), как здесь http://examples1.ext.net/#/DragDrop/Panel/Swap_Dropable_Panel/

Этот пример очень близок к тому, что я хочу. Мне нужен только вертикальный своп, как этот http://tof2k.com/ext/sortable/ (это может быть именно то, что мне нужно, но, похоже, он не использует темы ExtJS, и я не знаю, смогу ли я поместить больше информации внутри предметы - и это тоже немного некрасиво).

Некоторые идеи?

Answer 1

Возможно, использование сетки с шаблонной колонкой и перетаскиванием решит вашу проблему.

Скрипка: https://fiddle.sencha.com/

Также вы можете использовать CSS для изменения строки.

.customRow .x-grid-cell-inner {
   margin: 5px 5px 5px 5px;
   background-color: yellow;       
}

Удалить комментарий

//cls: 'customRow'

на скрипке (строка 58).