如何获得某种类型的所有xtypes

Question

我有一个面板,其中包含以下项目:

                {
                    xtype: "panel",
                    border: 0,
                    defaultType: "textfield",
                    bodyStyle: "background: transparent;",
                    defaults: {
                        anchor: "100%",
                        flex: 1
                    },
                    margin: "2 4px",
                    layout: "hbox",
                    flex: 2,
                    items: [
                        {xtype: "searchvaluefield"}, {xtype: "random" }, {xtype: "searchvaluefield"}
                    ],

                }

但是,这些项目包含动态数量的元素.特别地,可以存在任意数量的xtype"searchvaluefield".我希望得到这个面板中xtype"searchvaluefield"的所有元素的数组.注意我已经简化了问题,实际问题包含面板中的多个面板,这就是为什么我希望避免循环.

如果它有帮助,这里是我正在寻找的定义的xtype:

    Ext.define("app.view.stock.SearchValueField", {
        extend: "Ext.form.field.Text",
        alias: "widget.searchvaluefield",
        name: "search_value_field",
        enableKeyEvents: true,
        allowBlank: false,
        initComponent: function() {
            this.callParent(arguments);
        }
    });

Answer 1

您可以通过使用面板的查询方法来完成此操作

yourPanel.query('searchvaluefield'); - 返回与该xtype匹配的项目数组.