TextField ReadOnly

[Penunuri]

Hi there ...

I have a TextField, with the property ReadOnly set to true.

If I click on a button, and set the ReadOnly property to false, the TextField remains as ReadOnly (true).

<ext:TextField ID="TxtClave" runat="server" Width="180px" ReadOnly="true" />


<ext:Button ID="ChangeReadOnly" runat="server" Text="Change Read Only ">


    <Listeners>


        <Click Handler="#{TxtClave}.readOnly = false;" />


    </Listeners>


</ext:Button>

Is there a way to quit the ReadOnly property on client-side ?

(Note: I'm using the v0.8 of the toolkit.)

Thanks in advance.
Alfonso Penunuri.

[Penunuri]

Ok ...

Googling I can figure out how to solve this issue.

Just set the property readOnly = "", using the document.getElementById tag.

To set a TextField as a ReadOnly:

document.getElementById('TxtClave').readOnly='readonly';

To quit the ReadOnly attribute to a TextField:

document.getElementById('TxtClave').readOnly='';

But I don't know why using the readOnly(), setReadOnly() and the other methods of Ext the TextField doesn't change it's ReadOnly property.

If someone knows, please let me know.

Cheers !

[geoffrey.mcgill]

Hi Penunuri,

I tested the .setReadOnly function with v0.8.1 and it appears to work as expected. You should be able to change your <Click> Listener to the following.


Example

<Click Handler="#{TxtClave}.setReadOnly(false);" />

Hope this helps.

[Penunuri]

Hi Geoffrey !

You're right ...

And all my apologies.

It's weird ... but maybe I don't test very well the functions.

I will check twice now before put any post in the future.

Thanks anyway for your help and support.

Regards.
Alfonso.