[Solved] default button on Enter key

[Gerard Eikelboom]

In our telerik grid we have a column in it a button

columns.Bound(v => v.Koop).Width(45)
                    .HeaderHtmlAttributes(new { title = "Buy direct" })
                    .Filterable(false)
                    .ClientTemplate("<input type='button' value=' ' text='BesteldAantal' class='koopbutton'/>");

When I look a this button at runtime it gets as Id the row number it is in.

The column before this one is a textbox column.

columns.Bound(v => v.BesteldAantal).Width(70)
                    .Filterable(false)
                    .ClientTemplate(Html.TextBox("BesteldAantal",string.Empty, new { @class = "besteldaantal"}).ToString());

What I like to have is when I filled out the textbox with something and when I hit enter the button beside it is fired.

Is this possible?

Regards,
Gerard

[T. Tsonev]

Hello Gerard,

You can bind the keyup event on the input and simulate the click from the event handler. The most convenient place to do so is in the onRowDataBound client-side event:

function Grid_onRowDatabound(e)
{
    $(".besteldaantal", e.row).keyup(function(keyUpEvent) {
        if (keyUpEvent.keyCode == 13)
            $(".koopbutton", e.row).click();
    });
}

I'm attaching you a sample project that demonstrates this approach.

Greetings,
Tsvetomir Tsonev
the Telerik team

[Gerard Eikelboom]

Thank you Tsvetomir Tsonev,

Worksvery well.

[Hernan]

How can do that but on the popup editor ?? When i press enter on text box the page fires a full postback.


Sorry for my english..

Best regards !!!!