ExtJS Поменять местами панели как список элементов

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

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

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

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


extjs6-classic
person Magno C    schedule 10.10.2016    source источник
comment
Подождите... Я попробую это: vinylfox.com/ начало работы с перетаскиванием сетки   -  person Magno C    schedule 10.10.2016

Ответы (1)


arrow_upward
1
arrow_downward

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

СКРИПКА: https://fiddle.sencha.com/#fiddle/1i7l

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

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

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

//cls: 'customRow'

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

person josei    schedule 10.10.2016
comment
Да! Как раз то, что мне нужно. Спасибо. - person Magno C; 10.10.2016
comment
Упс... забыл classic drag icon (four arrows)... как мне это сделать? Бонус: событие OnDrop... - person Magno C; 10.10.2016
comment
Возможно, это поможет найти решение stackoverflow.com /questions/11646507/ stackoverflow.com/questions/9116097/ - person josei; 10.10.2016
comment
Небольшое дополнение к определению столбца: cellWrap: true, будет переносить длинные тексты. - person Magno C; 10.10.2016
comment
Каково было ваше решение для курсора? - person josei; 10.10.2016
comment
Ну... я пока сдался. Меня это устраивает, пока я не найду больше времени для игр (или мой клиент не пожалуется). - person Magno C; 10.10.2016