TabStrip - same view with only different URL parameters

[user1843640]

I have a tab strip where two of the tab urls differ only by the url parameters.  For example:

<div data-role="tabstrip">

    <a href="#itemsView?favorites=1" data-icon="icon-star">Favorites</a>

    <a href="#itemsView" data-icon="icon-all">Items</a>

</div>

The tab strip works as expected when clicking/tapping to navigate but when navigating using kendo.navigate(), the correct tab button is not visually selected.

Can you confirm that this is a bug that will be fixed.  Also, is there any quick workaround for this?  Thanks.

[Alexander Valchev]

Hi Savvas,

Thank you for getting in touch with us.

I can confirm that this is a bug in the current implementation which we will try to fix as soon as possible. As a small sign of our appreciation for this discovery I updated your Telerik points.

As a temporary workaround I can suggest to hook up to the view show event of the corresponding View and manually set the active tab via the switchTo method. As an example:

function onShow(e) {
    var tabStrip = e.view()
                .footer
                .find("[data-role=tabstrip]")
                .data("kendoMobileTabStrip");
    tabStrip.switchTo("#foo?param=1"); //change the selected item
}

Regards,
Alexander Valchev
the Telerik team

[Gopi]

Hi I am having issue with similar kind of problem , I am trying to load same view on different tabs based on different parameters , but controller are not loading correctly , could you please help in this regard

 

@(Html.Kendo().TabStrip()
    .Name("CredentialingActiveRecordTabs")
    .Animation(false)
    .SecurityTrimming(true)
    .Items(tabstrip =>
        {            
            foreach (var item in Model )
                {
                    tabstrip.Add().Text(item.StaffingRoleName)
                    .Selected(true)
                    .LoadContentFrom(@Url.Action("GetCredentialingGeneralInfoTab", "Credentialing", new { PersonCredentialingID = item.PersonCredentialingID, editCallSource = item.EditCallSource }));
                }            
        })
)

[Petyo]

Hello,

the thread in question refers to the mobile tabstrip widget and is not related to your case. I may suggest that you open a support ticket regarding the ASP.NET MVC TabStrip Wrapper. Thank you in advance. 

Regards,
Petyo
Telerik