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'

于 fiddle（第 58 行）。