Question

Consider the following:

<form runat="server">
    <div>
        <asp:TextBox runat="server" ID="tb1" />
        <asp:Button runat="server" ID="b1" OnClick="b1_Click" />
    </div>

    <div>
        <asp:TextBox runat="server" ID="tb2" />
        <asp:Button runat="server" ID="b2" OnClick="b2_Click" />
    </div>

    <div>
        <asp:TextBox runat="server" ID="tb3" />
        <asp:Button runat="server" ID="b3" OnClick="b3_Click" />
    </div>
</form>

Each TextBox has an associated Button. I want to be able to switch the focus on each of these Button controls, so that when I place my cursor in the 2nd textbox (tb2) and press Enter, the associated button (b2) gets clicked and the associated OnClick event gets fired.

I’ve got a few ideas myself, but I’d like you guys’ feedback/lessons-learned before I start potentially wasting time on implementing a broken solution.

NOTE:

• Using the HTML fieldset element is not an option–Some of the interfaces are very complex.
• There can be multiple inputs associated with one button.

Answer 1

You could trap the keydown event on the Textbox and then fire the button’s callback javascript if it’s the enter key. You can get the callback reference using ClientScriptManager.GetPostBackEventReference

Alternatively you could wrap every textbox in it’s own Panel, which exposes a DefaultButton property.