[Solved] TabStrip() reload

[Jose Granja]

Hi,

I'm using the MVC TabStrip component. I'm loading all tabs using using ajax with the function= LoadContentFrom. However I want some of the tabs to be reloaded each time (the information on tabs may change from the first request to the second).

I managed to achieve that by doing:

function onSelect(e) {

            var $item = $(e.item);
            if('BMR' == $item.find('> .t-link').text() )
            {
                var $link = $item.find('.t-link');
                $.get('<%=Url.Action("xx", "xxxx", Model.RouteData) %>',
                        function(data) {
                           e.contentElement.html(data);
                  });

            }
}

I'm looking for a cleaner and fancier way to do that. Using this approach means that for every tab that is being reloaded I have to put again the url. I looked a bit on the TabStrip and once a tab is loaded via ajax it changes the href from the url to #. There's no way to prevent the component from doing that?

I hope I explained myself well, excuse my bad english

cheers, jose

[Linas]

Hi,

you can use tabStrip.reload javasript function, here is an example:

function reloadTabPage(e) {
    if (e.contentElement.innerHTML != "") { // reload contents of tab page within Telerik TabStrip
        var tabStrip = $(e.contentElement.parentNode).data("tTabStrip");
        tabStrip.reload(e.item);
    }
}

then, all you have to do is hook to OnSelect event within your tabstrip:

.ClientEvents(events => events.OnSelect("reloadTabPage"))

and you will have a tabstrip that reloads pages on page select dynamically.