How to check if tab content is loaded or not in kendo tabstrip

[york]

Hi,

I have a kendo tabstrip in which I want to know if its content is loaded or not in event Select. The tabstrip is defined as

        <% Html.Kendo().TabStrip()
            .Name("TabStrip")
            .Items(tabstrip =>
            {
                tabstrip.Add()
                    .Text(OTP.Ring.Models.ViewModel.EvaluationsLocalization.EvaluationForm_Tab_Overall)
                    .Content(() =>
                    {
                        %>
                            <div style="height: 400px"></div>
                        <%  
                    });
            })
            .Items(tabstrip =>
            {
                tabstrip.Add()
                    .Text(OTP.Ring.Models.ViewModel.EvaluationsLocalization.EvaluationForm_Tab_Coaching)
                    .Content(() =>
                    {
                    });
            })
 ...
            .Events(e => e.Select("onTabSelect")
                          .Activate("onTabLoad")
                          )
            .SelectedIndex(Model.SelectedTabIndex)
            .Render();            %>       

 

        function onTabSelect(e) {
            var content = $(e.contentElement);

            var index = $(e.item).index();            

...
        }

I tried $(e.contentElement).html(), but it is undefined. I am not sure how to get the content. The intent is that if the selected tab is already loaded before, then it won't be loaded again. Thanks.

[Venelin]

Hello,

Use Activated event instead, because it fires after a tab is being visible and after the end of the animation (if any): http://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip#events-activate.

Regards,
Venelin
Telerik

[york]

I use Activate event when tabstrip is created. What I really want is to check if the content is loaded or not when a tab is selected. If the tab is selected for the 1st time, its content needs be loaded. If the tab is selected for the 2nd, 3rd, ... time, its content needs  not be loaded.

[Venelin]

Hello,

"The intent is that if the selected tab is already loaded before, then it won't be loaded again"
In principle, with .Content(), the content of TabStrip is loaded once with the widget itself. You don't need to check anything, because no content reload occurs.

Regards,
Venelin
Telerik