CODEWITHSUNDEEP
extjs6-classic
Magno C
Magno C

Reputation: 2196

ExtJS Swap panels as items list

I need to swap panels in a list. I've tried to reorder rows in a grid but I need to put a little more informations in the item so a panel will be nicely to show.

Must be the classic drag icon (four arrows) like here http://examples1.ext.net/#/DragDrop/Panel/Swap_Dropable_Panel/

This example is very close that I want. I need only vertical swap like this one http://tof2k.com/ext/sortable/ ( this could be just what I need but seems it don't use ExtJS themes and I don't know if I can put more information inside the items - and it is a little ugly too).

Some ideas?

Upvotes: 1

Views: 287

Answers (1)

jose
jose

Reputation: 1562

Perhaps using a grid with a templatecolumn and drag and drop resolve your issue.

FIDDLE: https://fiddle.sencha.com/#fiddle/1i7l

Also, you can use CSS to change row.

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

Remove de comment

//cls: 'customRow'

on fiddle (line 58).

Upvotes: 1

Related Questions