This is a migrated thread and some comments may be shown as answers.

Capture the "Enter" key using PanelBar as buttons

4 Answers 51 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Tri Nguyen
Top achievements
Rank 1
Tri Nguyen asked on 07 Jan 2009, 11:54 PM
Hello, all

I have an app that utilizes the PanelBar as the toolbar on the left-hand side. There are few textboxes, allowing users to enter some text and click one of the PanelBar item to initiate a search. Could you tell me how that I can capture when users hit the Enter key in order to activate the Search procedure? Thanks in advance.

Tri.

4 Answers, 1 is accepted

Sort by
0
Tri Nguyen
Top achievements
Rank 1
answered on 12 Jan 2009, 11:48 PM
Any help would be greatly appreciated.
0
Peter
Telerik team
answered on 13 Jan 2009, 08:38 AM
Hello Tri,

Here is an example:

<body onkeydown="CheckKey(event);">  
       <form id="form1" runat="server">  
    <asp:ScriptManager ID="ScriptManager1" runat="server">  
    </asp:ScriptManager> 
    <script type="text/javascript">  
        function CheckKey() {  
            if (event.keyCode == 13) {  
                var panelbar = $find("<%= RadPanelBar1.ClientID %>");  
                var panelbarSearchItem = panelbar.findItemByText("Search");  
                panelbarSearchItem.click();  
            }  
        }  
    </script> 
    <telerik:RadPanelBar ID="RadPanelBar1" runat="server" OnItemClick="RadPanelBar1_ItemClick">  
        <CollapseAnimation Type="None" Duration="100"></CollapseAnimation> 
        <Items> 
            <telerik:RadPanelItem runat="server" Text="Search">  
            </telerik:RadPanelItem> 
            <telerik:RadPanelItem runat="server" Text="Root RadPanelItem2">  
            </telerik:RadPanelItem> 
            <telerik:RadPanelItem runat="server" Text="Root RadPanelItem3">  
            </telerik:RadPanelItem> 
        </Items> 
        <ExpandAnimation Type="None" Duration="100"></ExpandAnimation> 
    </telerik:RadPanelBar> 
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
    </form>     
</body> 
 

 protected void RadPanelBar1_ItemClick(object sender, Telerik.Web.UI.RadPanelBarEventArgs e)  
    {  
        if (e.Item.Text == "Search")  
            Response.Write("Searching for '" + TextBox1.Text + "'...");  
    } 



Best wishes,
Peter
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Tri Nguyen
Top achievements
Rank 1
answered on 13 Jan 2009, 04:21 PM
Thanks for your response. Could you tell me how I can apply the code to the master page?
0
Atanas Korchev
Telerik team
answered on 13 Jan 2009, 05:01 PM
Hello Tri Nguyen,

The same code can be used in a master page as well.

Regards,
Albert
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
PanelBar
Asked by
Tri Nguyen
Top achievements
Rank 1
Answers by
Tri Nguyen
Top achievements
Rank 1
Peter
Telerik team
Atanas Korchev
Telerik team
Share this question
or