I have a grid driven application where I need to load 5 grids and access them via tabs, kind of like a tree.
If I do the following I only get content loaded for the first tab:
<div id="tabstrip">
<ul>
<li id="project" class="k-state-active">Projects</li>
<li id="shift" >Shifts</li>
<li id="employee">Employees</li>
<li id="contact" >Contacts</li>
<li id="customer" >Customers</li>
But if I put the class="k-state-active" on the last tab, everything works fine because I'm guessing it loads everything in then finds the active tab ? I was wondering how I should ensure that my contentUrls finish loading properly.
Later: turns out this is just an illusion and 'patience is a virtue'. IOW the tabs do load I was just trying too quickly. What I need is a way to display the spinner until ALL the content is loaded..
If I do the following I only get content loaded for the first tab:
<div id="tabstrip">
<ul>
<li id="project" class="k-state-active">Projects</li>
<li id="shift" >Shifts</li>
<li id="employee">Employees</li>
<li id="contact" >Contacts</li>
<li id="customer" >Customers</li>
But if I put the class="k-state-active" on the last tab, everything works fine because I'm guessing it loads everything in then finds the active tab ? I was wondering how I should ensure that my contentUrls finish loading properly.
Later: turns out this is just an illusion and 'patience is a virtue'. IOW the tabs do load I was just trying too quickly. What I need is a way to display the spinner until ALL the content is loaded..