Javascript Ext.ComponentQuery.query问题

最初，为了定义可编辑用户详细信息和只读用户详细信息，他们提供了以下内容：

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);
        });

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

有什么帮助吗？我如何解决这个问题