<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/MasterPage.master" CodeFile="Default.aspx.cs" Inherits="_Default" %><asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> <telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Horizontal" PanesBorderSize="0" BorderSize="0"> <telerik:RadPane ID="PanelTGDet" runat="server" Locked="true" Height="24" Scrolling="None"> <telerik:RadTabStrip ID="tabStripTalkGroupDetails" OnTabClick="tabStripTalkGroupDetails_OnTabClick" runat="server" MultiPageID="mpageTalkGroupDetails"> <Tabs> </Tabs> </telerik:RadTabStrip> </telerik:RadPane> <telerik:RadPane ID="RadPane3" runat="server" Scrolling="Y" Height="100%"> <telerik:RadMultiPage ID="mpageTalkGroupDetails" OnPageViewCreated="mpageTalkGroupDetails_PageViewCreated" SelectedIndex="0" runat="server"> </telerik:RadMultiPage> </telerik:RadPane> </telerik:RadSplitter></asp:Content>public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { AddTab("Orango"); AddTab("OrangoTango"); AddTab("AnotherOrango"); } } private void AddTab(string tabName) { RadTab tab = new RadTab(); tab.Text = tabName; tabStripTalkGroupDetails.Tabs.Add(tab); RadPageView pageView = new RadPageView(); pageView.ID = tabName; mpageTalkGroupDetails.PageViews.Add(pageView); } protected void tabStripTalkGroupDetails_OnTabClick(object sender, RadTabStripEventArgs e) { } protected void mpageTalkGroupDetails_PageViewCreated(object sender, RadMultiPageEventArgs e) { string userControlName = string.Empty; switch (e.PageView.ID) { case "Orango": userControlName = "~/Orango.ascx"; break; case "OrangoTango": userControlName = "~/Orango.ascx"; break; case "AnotherOrango": userControlName = "~/Orango.ascx"; break; default: break; } if (!string.IsNullOrEmpty(userControlName)) { Control userControl = Page.LoadControl(userControlName); userControl.ID = e.PageView.ID + "_userControl"; e.PageView.Controls.Add(userControl); } }}<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Orango.ascx.cs" Inherits="Orango" %><telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> <script type="text/javascript"> function MySplitloadedORANGO(sender, args) { alert("SplitterLoad ORANGO"); } </script></telerik:RadCodeBlock><telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Horizontal" PanesBorderSize="0" OnClientLoad="MySplitloadedORANGO" BorderSize="0" Height="100%"></telerik:RadSplitter>
Hello,
Please, I need help.
I am using treeview inside a combobox, I see the telerik demo about this issue but instead of using static nodes I am using my sql datasource.
The problem is that in the first open dropdown list everything is ok but when I want to open it again it gives me a javascript error in:
function OnClientDropDownOpenedHandler(sender, eventArgs) {
var tree = sender.get_items().getItem(0).findControl("tvCategories");
var selectedNode = tree.get_selectedNode(); ******* here******* null reference
if (selectedNode) {
selectedNode.scrollIntoView();
}
}
that's mean that he don't have data source, I tried to use attribute Autopostback=true to go by ajax using also radajaxmanager to the server and get my data source but it didn't work anyway this is my code and I appreciate.
function nodeClicking(sender, args) {
var comboBox = $find("<%= cboAddRoot.ClientID %>");
var node = args.get_node()
comboBox.set_text(node.get_text());
comboBox.trackChanges();
comboBox.get_items().getItem(0).set_text(node.get_text());
comboBox.commitChanges();
comboBox.hideDropDown();
// Call comboBox.attachDropDown if:
// 1) The RadComboBox is inside an AJAX panel.
// 2) The RadTreeView has a server-side event handler for the NodeClick event, i.e. it initiates a postback when clicking on a Node.
// Otherwise the AJAX postback becomes a normal postback regardless of the outer AJAX panel.
//comboBox.attachDropDown();
}
function OnClientDropDownOpenedHandler(sender, eventArgs) {
var tree = sender.get_items().getItem(0).findControl("tvCategories");
var selectedNode = tree.get_selectedNode();
if (selectedNode) {
selectedNode.scrollIntoView();
}
}
function StopPropagation(e) {
if (!e) {
e = window.event;
}
e.cancelBubble = true;
}
<tr>
<td>
Add Root Category:
</td>
<td>
<telerik:RadComboBox ID="cboAddRoot" runat="server" Width="250px" AutoPostBack="true"
ShowToggleImage="True" Style="vertical-align: middle;" OnClientDropDownOpened="OnClientDropDownOpenedHandler"
EmptyMessage="Choose a Category" ExpandAnimation-Type="None" CollapseAnimation-Type="None">
<ItemTemplate>
<div id="div1">
<telerik:RadTreeView runat="server" ID="tvCategories" DataFieldID="ID" DataSourceID="SqlDataSource1"
DataFieldParentID="ParentID" DataTextField="Name"
DataValueField="ID"
OnClientNodeClicking="nodeClicking" Width="100%" Height="140px">
</telerik:RadTreeView>
</div>
</ItemTemplate>
<Items>
<telerik:RadComboBoxItem Text="" />
</Items>
</telerik:RadComboBox>
<script type="text/javascript">
var div1 = document.getElementById("div1");
div1.onclick = StopPropagation;
</script>
</td>
</tr>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" EnableViewState="true" ConnectionString="<%$ ConnectionStrings:ERPCS %>"
SelectCommand="SELECT * FROM [ProductCategories]"></asp:SqlDataSource>
OnClientNodeClicking="nodeClicking" Width="100%" Height="140px">
</telerik:RadTreeView>
</div>
</ItemTemplate>
<Items>
<telerik:RadComboBoxItem Text="" />
</Items>
</telerik:RadComboBox>
<script type="text/javascript">
var div1 = document.getElementById("div1");
div1.onclick = StopPropagation;
</script>
</td>
</tr>

<telerik:RadGrid ID="RadGrid1" runat="server" Skin="Vista" AllowPaging="True" PagerStyle-AlwaysVisible="true" PagerStyle-Position="TopAndBottom" AllowSorting="True" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" GridLines="None"> <MasterTableView DataKeyNames="PsPostID" ShowHeader="false" TableLayout="Fixed" DataSourceID="SqlDataSource1" Width="840px"> <NoRecordsTemplate></NoRecordsTemplate> <Columns> <telerik:GridTemplateColumn ItemStyle-Width="100%" ItemStyle-Height="100%" UniqueName="TemplateColumn" InitializeTemplatesFirst="false"> <ItemTemplate> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr style="height:50px; background-image:url('../../Design/BackGrounds/PostHeader.jpg');"> <td colspan="2"> <asp:Panel ID="Panel1" runat="server" Width="100%" Height="100%" style="margin-left:-10px; vertical-align:top;"> <table cellpadding="0" cellspacing="0" style="height:100%;" width="100%"> <tr> <td id="Td4" runat="server" align="right" style="height:10%;"> <asp:Label ID="Label6" runat="server" Text="<%$ Resources:Resource, ForumsPagesPostsTableSubjectLabel %>" ></asp:Label> <asp:Label ID="Label9" runat="server" Text='<%# Eval("PsMessageSubject", "{0}") %>'></asp:Label> <a name='<%# Eval("PsPostID", "{0}") %>'> </a><br /> <asp:Label ID="Label10" runat="server" Text="<%$ Resources:Resource, ForumsPagesPostsTablePostedOnLabel %>" ></asp:Label> <asp:Label ID="Label11" runat="server" Text='<%# Eval("PsPostDate", "{0}") %>'></asp:Label> </td> </tr> </table> </asp:Panel> </td> </tr> <tr valign="top"> <td style="width:20%;"> <br /> <asp:Image ID="Image2" ImageUrl="~/registration-login/avatars/Default.JPG" runat="server" /> <br /><br /> <asp:HyperLink ID="HyperLink2" Text='<%# Eval("UUserName", "{0}") %>' NavigateUrl='<%# "~/registration-login/SPages/UserDetails.aspx?userId=" + Eval("UUserID", "{0}") %>' runat="server"></asp:HyperLink> <br /> <asp:Label ID="Label4" runat="server" Text="<%$ Resources:Resource, ForumsPagesPostsFirstColumnPostsLabel %>" ></asp:Label><asp:HyperLink ID="HyperLink1" Text='<%# Eval("UPostCount", "{0}") %>' NavigateUrl='<%# "~/Forums/Pages/UserPosts.aspx?userId=" + Eval("UUserID", "{0}") %>' runat="server"></asp:HyperLink> </td> <td style="width:80%;"> <asp:Panel ID="ContentPanel" runat="server" Width="100%" Height="100%" style="margin-left:-10px; vertical-align:top;"> <table cellpadding="0" cellspacing="0" style="height:100%;" width="100%"> <tr style="vertical-align:top;" > <td id="Td2" runat="server" align="right" style="height:90%;"> <asp:Label ID="Label3" runat="server" Text='<%# Eval("PsMessageContent", "{0}") %>'></asp:Label> <br /><br /><br /><br /><br /><br /><br /><br /> <table width="100%"> <tr> <td id="Td3" style="width:100%;" runat="server" align="left" > <asp:Label ID="PsPostIDSessionLabel" runat="server" Text='<%# Eval("PsPostID").ToString() %>' Visible="false"></asp:Label> <asp:LinkButton ID="EditLinkButton" runat="server" Font-Size="12pt" Font-Bold="true" Font-Italic="true" onClick="EditLinkButtonClickHandler" Text="<%$ Resources:Resource, ForumsPagesPostsSecondColumnEditHyperlink %>" Visible='<%# Convert.ToInt32(LoggedOnUserID) == Convert.ToInt32(Eval("UUserID", "{0}")) %>' ></asp:LinkButton> <asp:LinkButton ID="ReplyLinkButton" runat="server" Font-Size="12pt" Font-Bold="true" Font-Italic="true" onClick="ReplyLinkButtonClickHandler" Text="<%$ Resources:Resource, ForumsPagesPostsSecondColumnReplyHyperlink %>" ></asp:LinkButton> </td> </tr> </table> </td> </tr> <tr> <td align="right"> <hr /> <asp:Label ID="Label5" runat="server" Text='<%# Eval("USigniture", "{0}") %>'></asp:Label> </td> </tr> </table> </asp:Panel> </td> </tr> </table> </ItemTemplate> <ItemStyle HorizontalAlign="Center" CssClass="PostImageGradient" /> <ItemStyle VerticalAlign="Top" /> </telerik:GridTemplateColumn> </Columns> </MasterTableView> <PagerStyle Mode="NumericPages" ></PagerStyle> </telerik:RadGrid>
Microsoft JScript runtime error: Object doesn't support this property or method
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableScriptCombine="true"> <Scripts> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" /> </Scripts> </telerik:RadScriptManager>
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %><%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %><%@ Register Assembly="System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Namespace="System.Web.UI.DataVisualization.Charting" TagPrefix="asp" %><!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" %><%--<%@ Register src="UserControls/navtabs.ascx" tagname="NavTabs" tagprefix="nt" %><%@ Register src="UserControls/navheader.ascx" tagname="NavHead" tagprefix="nh" %>--%><%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %><%@ Register Assembly="System.Web.Ajax" Namespace="System.Web.UI" TagPrefix="asp" %><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title></head><body> <form id="form1" runat="server"> <div> </div> <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" EnablePartialRendering="true" CombineScripts="false"> </asp:ToolkitScriptManager> <telerik:RadFormDecorator runat="server" ID="RadFormDecorator1" EnableEmbeddedSkins="true" DecoratedControls="All"/> <asp:DropDownList runat="server" ID="ddlArea" AutoPostBack="false" Width="200" > <asp:ListItem Value="-1" Text="Select County"></asp:ListItem> <asp:ListItem Value="26" Text="Baker"></asp:ListItem> <asp:ListItem Value="1" Text="Benton"></asp:ListItem> <asp:ListItem Value="2" Text="Clackamas"></asp:ListItem> <asp:ListItem Value="3" Text="Clark"></asp:ListItem> <asp:ListItem Value="4" Text="Clatsop"></asp:ListItem> <asp:ListItem Value="5" Text="Columbia"></asp:ListItem> <asp:ListItem Value="6" Text="Coos"></asp:ListItem> <asp:ListItem Value="7" Text="Cowlitz"></asp:ListItem> <asp:ListItem Value="27" Text="Crook"></asp:ListItem> <asp:ListItem Value="28" Text="Curry"></asp:ListItem> <asp:ListItem Value="8" Text="Deschutes"></asp:ListItem> <asp:ListItem Value="9" Text="Douglas"></asp:ListItem> <asp:ListItem Value="29" Text="Gilliam"></asp:ListItem> <asp:ListItem Value="30" Text="Grant"></asp:ListItem> <asp:ListItem Value="31" Text="Harney"></asp:ListItem> <asp:ListItem Value="10" Text="Hood River"></asp:ListItem> <asp:ListItem Value="11" Text="Jackson"></asp:ListItem> <asp:ListItem Value="12" Text="Jefferson"></asp:ListItem> <asp:ListItem Value="13" Text="Josephine"></asp:ListItem> <asp:ListItem Value="14" Text="Klamath"></asp:ListItem> <asp:ListItem Value="32" Text="Lake"></asp:ListItem> <asp:ListItem Value="15" Text="Lane"></asp:ListItem> <asp:ListItem Value="16" Text="Lane (coastal)"></asp:ListItem> <asp:ListItem Value="17" Text="Lincoln"></asp:ListItem> <asp:ListItem Value="18" Text="Linn"></asp:ListItem> <asp:ListItem Value="33" Text="Malheur"></asp:ListItem> <asp:ListItem Value="19" Text="Marion"></asp:ListItem> <asp:ListItem Value="34" Text="Morrow"></asp:ListItem> <asp:ListItem Value="20" Text="Multnomah"></asp:ListItem> <asp:ListItem Value="21" Text="Polk"></asp:ListItem> <asp:ListItem Value="35" Text="Sherman"></asp:ListItem> <asp:ListItem Value="22" Text="Tillamook"></asp:ListItem> <asp:ListItem Value="23" Text="Umatilla"></asp:ListItem> <asp:ListItem Value="36" Text="Union"></asp:ListItem> <asp:ListItem Value="37" Text="Wallowa"></asp:ListItem> <asp:ListItem Value="38" Text="Wasco"></asp:ListItem> <asp:ListItem Value="24" Text="Washington"></asp:ListItem> <asp:ListItem Value="39" Text="Wheeler"></asp:ListItem> <asp:ListItem Value="25" Text="Yamhill"></asp:ListItem> </asp:DropDownList> <asp:CustomValidator runat="server" Font-Size="8" id="CustomValidator6" ControlToValidate="ddlArea" ErrorMessage="<br> * Area is required." Display="Dynamic" /> <telerik:RadToolTip ID="txtCountyTT" runat="server" Width="150" AutoCloseDelay="10000" TargetControlID="ddlArea" Position="MiddleRight" OffsetY="0" OffsetX="10" ShowDelay="300" Text="Required: County where most employees represented by this survey work."> </telerik:RadToolTip> </form></body></html>