[CLOSED] Focus TextField if Window Hide=true

[macap]

Hello,

I am using a TextField in a Window which is not initially loaded (Hidden=true):

    <ext:Window ID="Window1" runat="server" Icon="Pencil"   Hidden="true" Title="Aufenthaltsort"
        Height="200px" Width="400px" Closable="False">
        <Content>
   
            <ext:TextField ID="textLocation" runat="server" AllowBlank="False" Width="300px" 
                Style="font-size: large" EnableKeyEvents="true">
                <Listeners>
                 <KeyPress Handler="if ((e.getKey() == e.ENTER)) {
                                        #{DirectMethods}.btnSave_Click();
                                    }" />
                </Listeners>
                </ext:TextField>
              </Content>
        <Buttons>
            <ext:Button ID="btnCancel" runat="server" Icon="Cancel" Style="text-align: right"
                Text="Abbrechen">
                <Listeners>
                    <Click Handler="#{DirectMethods}.btnCancel_Click();" />
                </Listeners>
            </ext:Button>
            <ext:Button ID="btnSave" runat="server" Icon="Disk" Text="Speichern">
                <Listeners>
                    <Click Handler="#{DirectMethods}.btnSave_Click();" />
                </Listeners>
            </ext:Button>
        </Buttons>
        <Listeners>
            <AfterLayout Handler="#{textLocation}.focus();" />
        </Listeners>
    </ext:Window>

I cannot use the

 <AfterLayout Handler="#{textLocation}.focus();" />

because the textLocation TextField is not initially rendered (Firebug-Message: textLocation is not defined) if I set the window to hidden=true.

What do I have to do to solve this?


I am sure that I have already read about this problem here in the board but cannot find it anymore.


Regards,

Martin

[Vladimir]

Hi,

Just change AfterLayout event by Show (because you don't use layout, you use Content) and add small Delay

<Listeners>
    <Show Handler="#{textLocation}.focus();" Delay="50" />
</Listeners>

It is better to use Items instead Content. In this case AfterLayout will work

<Listeners>
       <AfterLayout Handler="#{textLocation}.focus();" Delay="50" />
</Listeners>

Also there is AutoFocus property (please update from SVN first). In this case that listener is not required

AutoFocus="true" AutoFocusDelay="50"