extjs4 - 如何获取某个类型的所有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

您可以使用 query 来做到这一点面板的方法

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