extjs - 重新排序子面板

Question

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

在图像存档中，我想要动态添加查询条件的查询表单。每个条件都是一个单独的面板，其中包含该条件的特定字段。它们在 vbox 布局中添加（如行）。条件可能是 ANDed 和 ORed，这意味着条件顺序很重要。在表格中，我想向上/向下移动条件。

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

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

要移动的面板被移除但不再插入。

当我为此搜索时，出现了许多结果，但它们显示了旧经典 guis 的解决方案（调用视图的 doLayout 方法），我使用的是没有 doLayout 方法的 6.6.0 现代版。

标签： extjspanelextjs6-modern

Answer 1

No need to remove the panel from the container, apparently removing destroys the panel.

Just change from this:

var item = this.removeAt(index);

to this:

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