如何获取某个类型的所有xtype

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_ there”。我希望得到此面板中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

您可以使用面板的query方法来执行此操作

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