重新排序子面板

时间:2019-01-02 12:49:21

标签: extjs panel extjs6-modern

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

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

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

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

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

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

1 个答案:

答案 0 :(得分:1)

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

只需更改:

var item = this.removeAt(index);

对此:

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