Tabstrip inside a Grid with Rowtemplate and DetailTemplate

2 posts, 0 answers
  1. Sony
    Sony avatar
    1 posts
    Member since:
    Nov 2012

    Posted 06 Nov 2012 Link to this post


    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">
                                <th> Time</th>                           
                        <td colspan="2"></td>
    <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>

        <script id="detailTemplate" type="text/x-kendo-tmpl">
               <div class="TabHolder">
                <li class="k-state-active">Info</li>
      <div class="TabContent">
            <div class="TabContent">

    $(document).ready(function () {           
                    scrollable: false,
                    dataSource: datasource,
                    rowTemplate: kendo.template(jQuery("#rowTemplate").html()),
                    detailTemplate: kendo.template(jQuery("#detailTemplate").html())
                    animation: {
                        open: {
                            effects: "fadeIn"
  2. Gary
    Gary avatar
    28 posts
    Member since:
    Apr 2011

    Posted 03 Dec 2012 Link to this post

    I've just done this. Look at the detail template demo example. It uses a detailInit event handler to create the TabStrip on demand.

    Works great.

  3. Kendo UI is VS 2017 Ready
Back to Top