[CLOSED] press the ENTER key

[majunior]

I found a solution that solved my problem, thanks.

But I have a question about the button.

Is there any way to press the ENTER key to perform the click of a button specific?

Was using the following function for asp button

But I can run the button click anywhere on the page you need not only be fired in the combo.

<script type="text/javascript">
        function TrataEnter() {
 
            if (event.keyCode == 13) {
                document.getElementById("btnLogin").click();
            }
        }
    </script>

<ext:ComboBox ID="cmbAmbDados" runat="server" StoreID="StorecmbAmbDados" DisplayField="Text"
                            FieldLabel="Ambiente" ValueField="Value" Mode="Local" Width="255" IndicatorTip="Ambiente de Dados"
                            LabelAlign="Right">
                            <Template runat="server" Visible="False" ID="ctl265" EnableViewState="False">
                            </Template>
                            <Listeners>
                                <KeyDown Fn="TrataEnter" />
                            </Listeners>
                        </ext:ComboBox>

[Daniil]

Hi,

For Ext.Net.Button please use .fireEvent();

Button1.fireEvent('click');

[majunior]

Hi,

For Ext.Net.Button please use .fireEvent();

Button1.fireEvent('click');

I would like to capture the ENTER anywhere on the screen.
Eg if I'm with the focus on field1 and then press ENTER it performs the event of the button.
The controls are within a FormPanel
Is it possible?

[Daniil]

Within DocumentReady listener of ResourceManager call:

Ext.getDoc().on('keydown', function (e) {
    if (e.getKey() == e.ENTER) {
        Button1.fireEvent('click');
    }
});

[majunior]

Within DocumentReady listener of ResourceManager call:

Ext.getDoc().on('keydown', function (e) {
    if (e.getKey() = e.ENTER) {
        Button1.fireEvent('click');
    }
});

I tried the following:

<ext:ResourceManager ID="ResourceManager1" runat="server">
        <Listeners>
            <DocumentReady Handler="Ext.getDoc().on('keydown', function (e) {if (e.getKey() = e.ENTER) {btnLogin.fireEvent('click');}});" />
        </Listeners>
    </ext:ResourceManager>

But is giving the following error.
Runtime Error in Microsoft JScript: Can not assign the result of a function

[Vladimir]

Hi,

You have to use '==' instead '='

[majunior]

Hi,

You have to use '==' instead '='

Ok, thanks.

[KBorkiewicz]

Could you show how this would work with MVC/Razor? I'm trying:

@(Html.X().ResourceManager()
    .Listeners(listener => {
        listener.DocumentReady.Handler = "Ext.getDoc().on('keydown', function (e) {if (e.getKey() == e.ENTER) {LoginButton.fireEvent('click');}});";
    })
)

but this gives me an "invalid argument" error on LoginButton,fireEvent('click')

[Vladimir]

What about App.LoginButton instead LoginButton?

[KBorkiewicz]

That worked, thank you!