重新排序子面板

Question

我想在ExtJS 6.6现代面板中对面板重新排序。

在图像档案中，我想拥有查询表单，可以在其中动态添加查询条件。每个条件都是一个单独的面板，其中包含该条件的特定字段。它们被添加（如行）在vbox布局中。条件可以进行“与”或“或”运算，这意味着条件顺序很重要。在表单中，我想向上/向下移动条件。

解决此问题的方法是先移除面板，然后将其插入新位置。

我在https://fiddle.sencha.com/#view/editor&fiddle/2opr上有一个小提琴样本

要移动的面板已删除，但再也没有插入。

当我对此进行搜索时，会出现很多结果，但是它们显示了针对较旧的经典GUI的解决方案（调用视图的doLayout方法），我使用的是6.6.0 modern，而没有doLayout方法。

Answer 1

无需从容器中卸下面板，显然移除会损坏面板。

只需更改：

var item = this.removeAt(index);

对此：

var item = Ext.ComponentQuery.query('#' + itemId)[0];