How to get the client object of a Telerik control in DNN

RELATED TO:

Article information

Article relates to

 RadControls for ASP.NET AJAX (DNN)

Created by

 Peter, Telerik    

Last modified

 July 31, 2008

Last modified by

 Peter, Telerik

HOW TO

How to get the client object of a Telerik ASP.NET AJAX control in DNN.

DESCRIPTION

This KB article uses RadMenu as an example, but the outlined solution is applicable to all Telerik controls for ASP.NET AJAX.

A quick overview of the DNN architecture will hint us towards finding a solution.

The RadMenu SkinObject is basically a user control which wraps RadMenu. On the other hand, RadMenu skin is also a user control which wraps the SkinObject. The RadMenu skin is wrapped by the Default DNN page.

Our goal is to find the RadMenu client object from the RadMenu skin.


Find RadMenu client object in DNN



SOLUTION

In your RadMenu skin use the AJAX pageLoad() method:

<%@ Control language="vb" CodeBehind="~/admin/Skins/skin.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %> 
<%@ Register TagPrefix="dnn" TagName="RADMENU" Src="~/DesktopModules/Telerik.SkinObjects/RadMenu.ascx" %> 
<%@ Register TagPrefix="dnn" TagName="CURRENTDATE" Src="~/Admin/Skins/CurrentDate.ascx" %> 
<%@ Register TagPrefix="dnn" TagName="USER" Src="~/Admin/Skins/User.ascx" %> 
<%@ Register TagPrefix="dnn" TagName="LOGIN" Src="~/Admin/Skins/Login.ascx" %> 
<%@ Register TagPrefix="dnn" TagName="BREADCRUMB" Src="~/Admin/Skins/BreadCrumb.ascx" %> 
<%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src="~/Admin/Skins/Copyright.ascx" %> 
<%@ Register TagPrefix="dnn" TagName="TERMS" Src="~/Admin/Skins/Terms.ascx" %> 
<%@ Register TagPrefix="dnn" TagName="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %> 
 
<script type="text/javascript">  
var menu = null;  
function pageLoad()  
{  
    menu = $find('<%=dnnRADMENU.FindControl("RadMenu1").ClientID %>')  
    alert(menu.get_id());  
}  
</script> 
 
*   *   *  
 
<dnn:RADMENU runat="server" id="dnnRADMENU" /> 
 
*   *   * 

dnnRadMENU is the ID of the SkinObject's instance used in the skin.

The content of the RadMenu.ascx (the SkinObject) is as follows:
<%@ Control Language="vb" CodeFile="RadMenu.ascx.vb" Inherits="Telerik.DNN.SkinObjects.RadMenuSkinObject" %> 
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
<telerik:RadMenu id="RadMenu1" EnableViewState="false" runat="server" /> 
 

Hence we have to use FindControl("RadMenu1");


More Resources

  • Forums

    Find answers to thousands of questions or reach out to our active community.

  • Demos

    Browse 1,200+ demos with source code covering basic and advanced scenarios.

  • Sample Applications

    Learn how to integrate the controls in real-world examples.

  • Feedback Portal

    Vote and follow the features you want to see added to Telerik UI for ASP.NET AJAX.

  • User Voice

    Get answers directly from the people who build the product.

  • Documentation

    Benefit from detailed help articles and API references for all controls.

  • Knowledge Base

    Learn how to achieve common scenarios from a multitude of tutorials and working examples.

  • Code Library

    Browse sample projects submitted by Telerik staff and community members.

  • Blog

    Stay up-to-date with the latest functionality, how-to articles and industry trends.

  • Release History

    Up-to-date release notes for all new features and improvements.