[CLOSED] [2.0] AutoFocus question

[Timothy]

Hello,

Just curious if there is a setting to automatically make the AutoFocus property focus to the end of a text field value instead of at the beginning? I do not want to enable the SelectOnFocus if possible.

Cheers,
Timothy

[Daniil]

Hi,

There is no such built-in functionality.

I have found this:
http://stackoverflow.com/questions/5...-input-element

The following appears to be working in IE and Chrome, but no in FireFox.

Example

<ext:TextField runat="server" Text="Hello!" AutoFocus="true">
    <Listeners>
        <Focus Handler="this.inputEl.dom.value = this.inputEl.dom.value;" />
    </Listeners>
</ext:TextField>

To get it working in FireFox I would try to apply the solution form the second answer using setSelectionRange.

[Timothy]

Thanks! I didn't realize it was a general HTML DOM issue; much appreciated for the suggestion. You can close this one -- as it's not your problem :)

Cheers

[Daniil]

No problem, it was interesting to investigate since I have never met such requirement. It can be useful in my further practice.

[geoffrey.mcgill]

The following config might be helpful if you want to move the cursor index to the end of the TextField upon initial render.

Example

<ext:TextField ID="TextField1" runat="server" Text="Testing...">    <Listeners>
        <AfterRender Handler="this.selectText(this.getValue().length);" />
    </Listeners>
</ext:TextField>

[Timothy]

The following config might be helpful if you want to move the cursor index to the end of the TextField upon initial render.

Example

<ext:TextField ID="TextField1" runat="server" Text="Testing...">    <Listeners>
        <AfterRender Handler="this.selectText(this.getValue().length);" />
    </Listeners>
</ext:TextField>

Thanks that worked great.

Cheers,
Timothy