请教关于ext的小问题

Question

在                    
            fieldLabel: '登陆ID',
            name: 'loginId',
            xtype: 'textfield',
            anchor: '50%',
            readOnly: true,
}
中如何通过判断当loginId有值时readOnly为true否则false

Answer 1

监听change事件，判断textfield是否为空，调用setReadOnly( Boolean readOnly )方法

Answer 2

  fieldLabel: '登陆ID',
  name: 'loginId',
  id : 'loginId',
  xtype: 'textfield',
  anchor: '50%',
  readOnly: true,
  listeners: {
        dblclick: {
            element: 'body', 
            fn: function(){ changeReadOnly(); }
        }
    }
  function changeReadOnly(){
     var value = Ext.getCmp('loginId').getValue();
     if ( value != null && value.length > 0){
           Ext.getCmp('loginId').setReadOnly(true);
      }else {
           Ext.getCmp('loginId').setReadOnly(false);
      }
  };

Answer 3

什么不起作用呀？
fieldLabel: '登陆ID',
  name: 'loginId',
  id : 'loginId',
  xtype: 'textfield',
  anchor: '50%',
  readOnly: true,
  listeners: {
        dblclick: {
            element: 'body', 
            fn: function(){ 
               var value = Ext.getCmp('loginId').getValue();
               if ( value != null && value.length > 0){
                  Ext.getCmp('loginId').setReadOnly(true);
               }else {
                  Ext.getCmp('loginId').setReadOnly(false);
               }
           }
        }
    }