ExtJS交换面板作为项目列表

Question

我需要在列表中交换面板。我曾尝试重新排序网格中的行，但我需要在项目中添加更多信息，以便显示一个面板。

必须是像http://examples1.ext.net/#/DragDrop/Panel/Swap_Dropable_Panel/

这样的经典拖动图标（四个箭头）

这个例子非常接近我想要的。我只需要像http://tof2k.com/ext/sortable/一样进行纵向交换（这可能正是我需要的，但似乎它不会使用ExtJS主题，而且我不知道我是否可以在项目中添加更多信息 - 而且它也有点丑陋。）

一些想法？

Answer 1

也许使用带有模板列的网格并拖放解决您的问题。

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

此外，您可以使用CSS更改行。

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

删除评论

  

// cls：'customRow'

小提琴（第58行）。