Hi,
I have Tabstrip inside a Grid with Rowtemplate and DetailTemplate. Grid is working but the tabstrip is not getting called from inside the detailtemplate. Any help would be appreciated. The code is below:
<div id="ah" class="Wrapper">
<table id="Results">
<thead>
<tr>
<th>Date</th>
<th> Time</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2"></td>
</tr>
</tbody>
</table>
</div>
<script id="rowTemplate" type="text/x-kendo-tmpl">
<tr class="k-master-row">
<td class="k-hierarchy-cell"><a href="\#" class="k-icon k-plus"></a></td>
<td class="k-hierarchy-cell">Master Row
</td>
</tr>
</script>
<script id="detailTemplate" type="text/x-kendo-tmpl">
<div class="TabHolder">
<ul>
<li class="k-state-active">Info</li>
<li>Details</li>
</ul>
<div class="TabContent">
profile
</div>
<div class="TabContent">
activities
</div>
</div>
</script>
$(document).ready(function () {
$("#Results").kendoGrid({
scrollable: false,
dataSource: datasource,
rowTemplate: kendo.template(jQuery("#rowTemplate").html()),
detailTemplate: kendo.template(jQuery("#detailTemplate").html())
});
$(".TabHolder").kendoTabStrip({
animation: {
open: {
effects: "fadeIn"
}
}
});
});