如何查询手风琴布局中当前展开的项目

Question

好的，这是我可以在手风琴布局中找到当前折叠的方式：

Ext.getCmp("myaccordion").query("{collapsed}")

如何以同样的方式找到展开的布局？我看不到扩展的财产。此外，这段代码：

Ext.getCmp("myaccordion").query("not:{collapsed}")

破坏了我的浏览器。

UPD：这是我的决定，基于示例：

 Ext.ComponentQuery.pseudos.expanded = function(items) {
    var res = [];
    for (var i = 0, l = items.length; i < l; i++) {
        if (!items[i].collapsed) {
            res.push(items[i]);
        }   
    }   
    return res;
   };

然后我就这样查询 Ext.getCmp("myaccordion").query(">*:expanded")

但我们可以这样做吗它更短，使用：不不知何故？

Answer 1

您不必为此组件查询使用函数。

如果您的框架中的某个位置有其他未折叠的面板 query('[collapsed=false]') 也会包含这些面板，因此这可能是您遇到的问题。

但是您可以通过调用 child 将查询限制为仅直接子级：

Ext.getCmp("myaccordion").child("[collapsed=false]");

或者，如果您为手风琴提供 ，则可以将其限制为选择器字符串本身中的直接子级>id 配置，就像您所做的那样：(id: 'myaccordion')。您可以使用：

Ext.ComponentQuery.query('#myaccordion > panel[collapsed=false]')

如果您一次只为一个扩展面板配置了手风琴（默认配置），那么将为您提供一个包含一项的数组 - 扩展面板。如果您有多个展开面板，它们将分别包含在数组中。

Answer 2

你可以这样做：

Ext.onReady(function(){

    var p1 = Ext.create('Ext.panel.Panel', {
        renderTo: document.body,
        width: 100,
        height: 100,
        title: 'Foo',
        collapsed: true
    });

    var p2 = Ext.create('Ext.panel.Panel', {
        renderTo: document.body,
        width: 100,
        height: 100,
        title: 'Foo',
        collapsed: false
    });

    console.log(Ext.ComponentQuery.query('[collapsed=false]'));

});