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

RadTabStrip with RadMultiPage click events stop working

8 Answers 464 Views

TabStrip

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

Lane Goolsby asked on 14 Mar 2011, 09:15 PM

I am working with the RadTabStrip and the RadMultiPage controls in a SharePoint web part and am running into a strange issue. The controls are loading properly and everything is working as expected, but after clicking a couple of tags the tab strip stops working. The click is being registered by the page because I can step into javascript debug statements, but none of the RAD code is executed. Below is my code but it pretty much matches the Load On Demand example.

Web Form:

<telerik:RadAjaxLoadingPanel runat="server" ID="radLoadingPanel" />

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="radTabStrip">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="radTabStrip" />

<telerik:AjaxUpdatedControl ControlID="radCenterFrame" LoadingPanelID="radLoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="radCenterFrame">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="radCenterFrame" LoadingPanelID="radLoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<script type="text/javascript">

//function radTabStrip_OnClientSelecting(sender, args) {

// if (args.get_tab().get_pageViewID()) {

// alert(args.get_tab().get_test());

// args.get_tab().set_postBack(false);

// }

//}

</script>

<div>

<telerik:RadTabStrip ID="radTabStrip" runat="server"

SelectedIndex="0" MultiPageID="radCenterFrame" OnTabClick="radTabStrip_TabClick"

Orientation="HorizontalTop">

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="radCenterFrame" runat="server" SelectedIndex="0" OnPageViewCreated="radCenterFrame_PageViewCreated" />

</div>

Code Behind:

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                RadTab skillTab = new RadTab();
                skillTab.Text = "Tab1";
                radTabStrip.Tabs.Add(skillTab);

                RadTab certTab = new RadTab();
                certTab.Text = "Tab2";
                radTabStrip.Tabs.Add(certTab);

                RadTab aspTab = new RadTab();
                aspTab.Text = "Tab3";
                radTabStrip.Tabs.Add(aspTab);

                RadTab tpTab = new RadTab();
                tpTab.Text = "Tab4";
                radTabStrip.Tabs.Add(tpTab);

                RadPageView pageView = new RadPageView();
                pageView.ID = skillTab.Text;
                radCenterFrame.PageViews.Add(pageView);
                skillTab.PageViewID = pageView.ID;
            }
        }

        protected void radCenterFrame_PageViewCreated(object sender, RadMultiPageEventArgs e)
        {
            string page = e.PageView.ID;

            switch (page)
            {
                case "Tab1":
                    AddControl("~/_ControlTemplates/Proj/Tab1Control.ascx", e);
                    break;
                case "Tab2":
                    AddControl("~/_ControlTemplates/Proj/Tab2Control.ascx", e);
                    break;
                case "Tab3":
                    AddControl("~/_ControlTemplates/Proj/Tab3Control.ascx", e);
                    break;
                case "Tab4":
                    AddControl("~/_ControlTemplates/Proj/Tab4Control.ascx", e);
                    break;
            }
        }

        protected void radTabStrip_TabClick(object sender, RadTabStripEventArgs e)
        {
            AddPageView(e.Tab);
            e.Tab.PageView.Selected = true;
        }
        private void AddPageView(RadTab tab)
        {
            RadPageView pageView = new RadPageView();
            pageView.ID = tab.Text;
            radCenterFrame.PageViews.Add(pageView);
            tab.PageViewID = pageView.ID;
        }
        private void AddControl(string Path, RadMultiPageEventArgs e)
        {
            Control userControl = Page.LoadControl(Path);
            userControl.ID = e.PageView.ID + "_usercontrol";
            e.PageView.Controls.Add(userControl);
        }

8 Answers, 1 is accepted

answered on 29 Mar 2017, 01:04 PM

I have experienced the same problem as Patrik when including NavigationURL values in RadTabStrip. The TabClick event just does not fire. My work around for this in vb.net is

Private Sub RadTabStrip1_TabClick(sender As Object, e As RadTabStripEventArgs) Handles RadTabStrip1.TabClick
Dim TabClicked As Telerik.Web.UI.RadTab = e.Tab

'---- Do some code here in response to the click. Possibly a post to the database

'---- And then redirect to the appropriate page. This is the page name that would normally be in the NavigateUrl property
If TabClicked.Text = "Incident Details" Then
Response.Redirect("IncidentDetails.aspx")
ElseIf TabClicked.Text = "Investigator Notes" Then
Response.Redirect("InvestigatorNotes.aspx")
End If

End Sub

answered on 03 Apr 2017, 11:52 AM

Hello Jack,

This behavior is expected, when the NavigateUrl is set for a tab, it should act as a hyperlink.

Thus, if you need server code to run before the redirect, your approach is correct.

Just make sure the redirect can occur, partial postbacks cannot redirect like that by default (see redirecting to another page with RadAjax).

I can only suggest you consider using the Value of the tab as a flag instead of the Text. This would be useful if the app is localized.

Regards,

Marin Bratanov
Telerik by Progress

Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.