or
<Columns>
<telerik:GridButtonColumn
CommandName="Select" ButtonType="ImageButton"
ImageUrl="~/Images/EditInfo.BMP"
UniqueName="Select" HeaderText="Edit">
<ItemStyle Width="15px" HorizontalAlign="Center" />
</telerik:GridButtonColumn>
| <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="telerik_treeview_Default" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
| <script type="text/javascript"> |
| function comboLoad(sender, eventArgs) { |
| sender.set_text(sender.get_items().getItem(0).get_value()); |
| } |
| function nodeClicking(sender, args) { |
| var comboBox = $find("<%= cbSection.ClientID %>"); |
| var node = args.get_node() |
| comboBox.set_text(node.get_text()); |
| comboBox.trackChanges(); |
| comboBox.get_items().getItem(0).set_value(node.get_text()); |
| comboBox.commitChanges(); |
| comboBox.hideDropDown(); |
| } |
| function StopPropagation(e) { |
| if (!e) { |
| e = window.event; |
| } |
| e.cancelBubble = true; |
| } |
| function OnClientDropDownOpenedHandler(sender, eventArgs) { |
| var tree = sender.get_items().getItem(0).findControl("TVSection"); |
| var selectedNode = tree.get_selectedNode(); |
| if (selectedNode) { |
| selectedNode.scrollIntoView(); |
| } |
| } |
| </script> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head runat="server"> |
| <title></title> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <asp:ScriptManager ID="ScriptManager1" runat="server"> |
| </asp:ScriptManager> |
| <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="200px" Width="300px"> |
| <div> |
| <telerik:RadComboBox ID="cbLanguage" runat="server" ShowToggleImage="True" Skin="Default" |
| Width="300px" AutoPostBack="True" CausesValidation="False"> |
| <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> |
| </telerik:RadComboBox> |
| </div> |
| <div> |
| <telerik:RadComboBox ID="cbSection" Text="Please select section" AllowCustomText="true" |
| runat="server" Height="140px" Width="300px" ShowToggleImage="True" Skin="Default" |
| OnClientLoad="comboLoad" OnClientDropDownOpened="OnClientDropDownOpenedHandler"> |
| <ItemTemplate> |
| <div id="div1"> |
| <telerik:RadTreeView runat="server" ID="TVSection" OnClientNodeClicking="nodeClicking" |
| Skin="Web20" /> |
| </div> |
| </ItemTemplate> |
| <Items> |
| <telerik:RadComboBoxItem Text="" /> |
| </Items> |
| <CollapseAnimation Type="None" /> |
| <ExpandAnimation Type="None" /> |
| </telerik:RadComboBox> |
| <script type="text/javascript"> |
| var div1 = document.getElementById("div1"); |
| div1.onclick = StopPropagation; |
| </script> |
| </div> |
| </telerik:RadAjaxPanel> |
| </form> |
| </body> |
| </html> |