Ext.ComponentQuery.query问题

Question

最初，要定义可编辑用户详细信息和只读用户详细信息，这是他们提供的内容：

Ext.ComponentQuery.query('#UserDetailsPanel > textfield').forEach(function(component){
            component.setReadOnly(true);
        });
        Ext.ComponentQuery.query('#UserDetailsPanel > fieldcontainer > textfield').forEach(function(component){
            component.setReadOnly(true);
        });
        Ext.ComponentQuery.query('#UserDetailsPanel > fieldcontainer > checkboxfield').forEach(function(component){
            component.setReadOnly(true);
        });

（和可编辑字段的setReadOnly（false）相同）。 我正在尝试使用相同的格式为可编辑字段创建另一个控制器。但是，它覆盖它并且不显示某些字段。

我将其更改为以下格式：

Ext.ComponentQuery.query('#UserDetailsPanel > fieldcontainer > textfield[firstName]').forEach(function(component){
            component.setReadOnly(true);
        });
        Ext.ComponentQuery.query('#UserDetailsPanel > fieldcontainer > textfield[middleName]').forEach(function(component){
            component.setReadOnly(true);
        });
        Ext.ComponentQuery.query('#UserDetailsPanel > fieldcontainer > textfield[lastName]').forEach(function(component){
            component.setReadOnly(true);
        });
        Ext.ComponentQuery.query('#UserDetailsPanel > textfield[intranetId]').forEach(function(component){
            component.setReadOnly(true);
        });
        Ext.ComponentQuery.query('#UserDetailsPanel > textfield[emailId]').forEach(function(component){
            component.setReadOnly(true);
        });

这解决了覆盖的问题，因为现在显示所有值;但是，现在您无法编辑字段。

有任何帮助吗？我该如何解决这个问题？