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

Loading Content with AJAX problems.

1 Answer 56 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Brian
Top achievements
Rank 1
Brian asked on 24 Apr 2013, 10:35 PM
I am running into a problem with the TabStrip and wondering if you guys have come across this issue, or even know a workaround for it.

When loading content in the tabstrip with AJAX you are able to quickly click between tabs before they are loaded. This causes all tabs clicked to be styled like they are active and actually appends the content it gets back from the AJAX call all on to the same tab.

Is there a way to stop this? I have some example code if necessary but I am able to replicate the problem using your "Loading content with AJAX" demo at http://demos.kendoui.com/web/tabstrip/ajax.html

http://imageshack.us/photo/my-images/20/tabstripproblem.jpg/
I have attached the screenshot as well from your demo page showing the problem. The exact same thing is happening in our code.

Any ideas?

-b

1 Answer, 1 is accepted

Sort by
0
Brian
Top achievements
Rank 1
answered on 25 Apr 2013, 04:38 AM
Actually nevermind. I had an epiphany tonight and don't know why I didn't catch this earlier.

In the tab initialization I put the following:

select: function(e) {
if (loadingTab) { e.PreventDefault(); };
loadingTab = true;
 },
contentLoad:function(e) {
loadingTab = false;
}

Tags
TabStrip
Asked by
Brian
Top achievements
Rank 1
Answers by
Brian
Top achievements
Rank 1
Share this question
or