Readonly property on Field SenchaTouch

Question

Hi i've been looking for the readOnly property for field in secnhatouch but haven't found it... can some one assist me on this matter

{
                 xtype: 'textfield',
                 name: 'ReferenceNumber',
                 readOnly:true,
                 label: 'Reference'
}

Answer 1

I ran into the same problem with readOnly: true not working - I was able to fix it by adding an afterrender listener:

{
    xtype: 'textfield',
    name: 'ReferenceNumber',
    label: 'Reference',
    listeners: {
        afterrender: function(ele) {
            ele.fieldEl.dom.readOnly = true;
        }
    }
}

Answer 2

I think you want the disabled field

{
    xtype: 'textfield',
    name: 'ReferenceNumber',
    **disabled**: true,
    value: '12312421',
    label: 'Reference'
}

I overload the 'disabledCls' because it grey's out the label more than i want.