Ext中动态改变控件的readOnly属性

Ext 控件的readOnly属性是可以在控件初始化过程中配置的， 但是如果希望在运行时动态更改其readOnly属性怎么办，

例如 textField 控件，Ext2.x 的 API 上 它的方法有setDisabled ( Boolean disabled  ) : void方法，可以动态更改控件的disabled属性，却没有类似setReadOnly() 方法，我们可以这么做来运行时更改readOnly属性：

 

 

假设 某个textField, 它的 id = 'txt',

 

1. Ext.getCmp('txt').readOnly = false;

结果是这么写虽然可以更改控件的readOnly属性值， 但页面上的控件并没有变的可以修改。

2. 正确方法是这样的：Ext.getCmp("txt").getEl().dom.readOnly = false;

这样就行了。

 

问题虽小， 但是如果遇到却让人很恼火。 不知道为什么Ext不像Disabled一样提供一个setReadOnly()方法。

TextField可没有readOnly属性，所以这个语句并没有起到作用，仅是加上你的自定义属性readOnly

TextField有readOnly属性, 没错的

这个是以GridPanel为例：
this.editGrid.on("beforeedit", Folder.beforeedit,  this.editGrid );
  
beforeedit : function(editorGridPanel){
      var editorGrid = Folder.editGrid;
              var folderNameValue = editorGridPanel.record.get("folderName");

              var folderNameIndex = editorGrid.getColumnModel().getIndexById("folderName");
             
              if (folderNameValue =='Inbox' || folderNameValue =='Draftbox' || folderNameValue == 'Outbox' || folderNameValue == 'TrashMailbox' || folderNameValue == 'Garbage'){
                    editorGrid.getColumnModel().getCellEditor(folderNameIndex,0)=new Ext.form.TextField({value: folderNameValue,readOnly:true});
                }
    }

这样就可以动态的改变readOnly的属性

如何更改ComboBox的readonly属性！

如何更改ComboBox的readonly属性！

Ext.getCmp("txt").getEl().dom.readOnly = false;

为什么我按照lz的方法提示错误说Ext.getCmp("txt").getEl().dom不是对象呢