I'm trying to use the tabstrip control, but would like to use it with binding.
The following code works, but its definitely not the way i'd like to use the framework. can you tell me if there's a way to dynamically bind tabs without the inline code? My optimal code would have something like data-bind="source:tabs" where I can then define which property is the title, and then a template for the body.
Thanks.
<div data-role="tabstrip">
<ul>
# for(var i = 0; i < filter.Tabs.length; i++){ #
<li # if(i == 0){# class="k-state-active" #}#>
#: filter.Tabs[i].TabLabel #
</li>
# } #
</ul>
<div>
<div>
<span> Tab 1 </span>
</div>
<div>
<span> Tab 2 </span>
</div>
<div>
<span> Tab 3 </span>
</div>
</div>
</div>
The following code works, but its definitely not the way i'd like to use the framework. can you tell me if there's a way to dynamically bind tabs without the inline code? My optimal code would have something like data-bind="source:tabs" where I can then define which property is the title, and then a template for the body.
Thanks.
<div data-role="tabstrip">
<ul>
# for(var i = 0; i < filter.Tabs.length; i++){ #
<li # if(i == 0){# class="k-state-active" #}#>
#: filter.Tabs[i].TabLabel #
</li>
# } #
</ul>
<div>
<div>
<span> Tab 1 </span>
</div>
<div>
<span> Tab 2 </span>
</div>
<div>
<span> Tab 3 </span>
</div>
</div>
</div>