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

Capture the "Enter" key using PanelBar as buttons

4 Answers 103 Views

PanelBar

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

4 Answers, 1 is accepted

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.