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

Accessing RadControls from Javascript in MasterPage

16 Answers 350 Views

Sharepoint Integration

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

wali asked on 01 Jan 2009, 09:17 PM

Hi,

I am trying to access RadTabstrip control in SharePoint MasterPage to set the Tab through client-side javascript code but getting 'Object doesn't support this property or method' error. Below is what I am trying:

<telerik:RadTabStrip runat="server" id="RadTabStrip1" Width="433px" SelectedIndex="0" ClickSelectedTab="True" OnClientTabSelected="onClientTabSelected"
    OnClientLoad="onClientTabLoad">

function loadTabIndex(tabstrip) {
    //If tabstrip reference isn't null
    if (tabstrip != null) {
            alert('test');
           var tab = tabstrip.findTabByText("Reports");

         //Get tab object
            if (tab != null) {
                tab.select(); //Select tab
            }
    }

}

accessing loadTabIndex(tabstrip) from onload event

<body class="body" topmargin="0" onload="javascript:_spBodyOnLoadWrapper(); loadTabIndex(ctl00_RadTabStrip1);">

However, I am getting error on tabstrip.findTabByText("Reports")

How can I achieve what I am trying to do? Please help.

Regards,

IW

16 Answers, 1 is accepted

answered on 02 Jan 2009, 03:50 PM

Hi Wali,

In order to use the client API of certain control, you should reference its client object - in order to do this you should use the built-in AJAX method $find as explained below:

http://www.telerik.com/help/aspnet-ajax/editor_getingreferencetoradeditor.html

I also do not recommend to hard - code the ID because it is not a good practice and you would better use code-blocks and extract the ClientID as $find("<%=RadTabStrip1.ClientID%>").

As explained in the provided article for the RadEditor (the same facts are true not only for all RadControls but for every client-side AJAX object), the onload event is too early in th page lifecycle and you cannot use it to reference the object - in order to execute some script on page load, you should use the Sys.Application.add_load syntax.

I hope that the provided explanations are helpful and since the RadControls are built on top of the MS AJAX Framework, I believe that it will be easier for you to use them after reading some helpful resources about the AJAX fundamentals - you can find some below. Note that these links point to the Microsoft sites and we cannot guarantee their content and/or availability will not change over time:

MS AJAX Overview: http://msdn.microsoft.com/en-us/library/bb398874.aspx.
Installing MS AJAX: http://www.microsoft.com/downloads/en/details.aspx?FamilyID=ca9d90fa-e8c9-42e3-aa19-08e2c027f5d6.
A hub with some MS AJAX resources: http://msdn.microsoft.com/en-us/library/ee341002.aspx.
ScriptManager control overview: http://msdn.microsoft.com/en-us/library/bb398863.aspx.
MS AJAX videos: http://www.asp.net/web-forms/videos/aspnet-ajax.
Forum section for ASP.NET AJAX and the AjaxControlToolkit toolset: http://forums.asp.net/1022.aspx/1?ASP+NET+AJAX+Ajax+Control+Toolkit.a

Best wishes,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

answered on 18 Mar 2009, 03:21 PM

Hi Wali and Hi Telerik guys

I just want to question if these coding with javascript is to access the TabStrip to get highlighted the current selected element on the page?

What i mean is that I'm running into issues to highlight the correct Tab inside sharepoint because TabStrip loses its state in every postback.

So in the telerik Demo page http://demos.telerik.com/aspnet-ajax/tabstrip/examples/applicationscenarios/sitenavigation/defaultcs.aspx
It says that the way to overcome this limitation is to use the RadTabStrip.FindTabByUrl method in conjunction with RadTab.SelectParents.

I have implemented the code in my masterpage but its not working, so righ now im a little confussed.

Please Help me :)

answered on 18 Mar 2009, 06:25 PM

Im using Telerik.Web.Ui version 2008.3.1125.35

The tab strip is bound to a SiteMapDataSource and this SiteMapDataSource has a Custom Navigation Provider that inherits from SPNavigationProvider

<asp:SiteMapDataSource ShowStartingNode="false" SiteMapProvider="MyCustomNav" ID="topSiteMap1" runat="server" StartFromCurrentNode="false" />

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" DataSourceID="topSiteMap1" Skin="MyCustomSkin" EnableEmbeddedSkins="False"/>

I thought that it will handle the items highlight automatically.

I will try to use a PortalSiteMapDatasource instead of a SiteMapDataSource as the sharepoint.telerik.com example.
I dont know exactly the differences but maybe it has something to do .

answered on 15 Oct 2014, 10:13 AM

Hi Carlos,

Thank you for your report. I removed the links to the article because it no longer exists. It was only a collection of links that had general information about the MS AJAX framework. Since those links go dead over time, we removed our own help article to avoid misleading people. I edited the original post to show the links that are still live: http://www.telerik.com/forums/accessing-radcontrols-from-javascript-in-masterpage#1cPmfZNf6kmuuJAayVP1xg.

Regards,

Marin Bratanov
Telerik

Consider using RadControls for ASP.NET AJAX (built on top of the ASP.NET AJAX framework) as a replacement for the Telerik ASP.NET Classic controls, See the product support lifecycle here.