Server Controls, Client Controls, Panels, Default Buttons and Client Events

Question

Ok so I would like to be able to be in the part number textbox press enter and it do a 'Quick Search'. However when press enter it activates the 'Search' Button instead. The 'Search' Button as the diagram shows is a default button of the panel it is in. But the 'Quick Search' is not in that same panel so I am kinda stumped on how to change this action so it calls click on the button on the 'Quick Search' and not the 'Search'. If this doesn't make since ask more questions and I will update the diagram and question.

Thanks in advance!

New Facts

In the browser Render ... these are in the same form
I want the Quick Search Button to be a client side button which makes it hard to use a panel and a default button

When I need to do something like this I put the "Quick Search" control into its own `
`. — Ed Gibbs, Nov 13 '14 at 15:13
No, they have to be separate. But the answer just posted by Pavel looks extremely promising; it's using a Panel property I didn't know about. Definitely look into it. — Ed Gibbs, Nov 13 '14 at 15:22

Pavel Timoshenko · Answer 1 · 2014-11-14T16:09:15.923

2

Try to place Part Number textbox and Quick Search button in separate Panel with DefaultButton="bnQuickSearck" attribute like follows:

    <asp:Panel runat="server" DefaultButton="bnQuickSearck">
        <asp:TextBox ID="tbPartNumber" runat="server"></asp:TextBox>
        <asp:Button ID="bnQuickSearck" runat="server" Text="Quick Search" />
    </asp:Panel>

EDIT If you have client-based button you can use the following code on javascript:

<div id="divId">
    <input id="txtId" type="text" />
    <input id="btnId" type="button" value="Quick Search" onclick="alert('test')"; />
</div>

<script>
    $("#divId").bind("keypress", function (e) {
        if (e.keyCode == 13) {
            $("#btnId").click();
            return false;
        }
    });
</script>

Make sure jQuery installed in your web application in this case.

edited Nov 14 '14 at 16:09

answered Nov 13 '14 at 15:18

Pavel Timoshenko

721
6
13

This is a great answer ... however ... I want the Quick Search Button to be a client side button which makes it hard to do this – Micah Armantrout Nov 13 '14 at 15:19
Could you provide the markup of this block in master.page? It seems you can do it via javascript. – Pavel Timoshenko Nov 13 '14 at 15:24
I can .... I don't know what exactly your looking for ... my master page is unfortunately very big .. – Micah Armantrout Nov 13 '14 at 15:25
I've changed answer. Do not forget to mark question as answered if solution helps you with issue. – Pavel Timoshenko Nov 14 '14 at 16:13
Yes binding to a client side event is a good idea ... which is actually what I am doing ... however ... the Search Button takes over and goes to the server – Micah Armantrout Nov 14 '14 at 16:32

score 1 · Answer 2 · answered Nov 13 '14 at 15:41

It sounds like you have one big form. If this is the case, when you hit enter in the Part Number field it activates the default action, in this case it would seem to be the "Search" button. If you can break up your forms, they'll each have their own default actions. This will eliminate any need for crazy redirects, AJAX, server-side foo, etc.

Server Controls, Client Controls, Panels, Default Buttons and Client Events

2 Answers2