Disable tabs in child grid doesn't work correctly

2 posts, 0 answers
  1. Дмитрий
    Дмитрий avatar
    3 posts
    Member since:
    Jul 2016

    Posted 06 Aug 2016 Link to this post



    When I use this code to disable 2nd and 3rd tab in each detailed row I see that only first expanded row has those tabs disabled - and all other rows that I expand are enabled - what am I doing wrong? Thanks for help!

    var tabStrip = $("#mytabstrip").kendoTabStrip().data("kendoTabStrip");

    <script type="text/x-kendo-template" id="template">
             <div class="tabstrip" id="mytabstrip">
                 <button id="gridButton">gridButton</button>
                     <li class="k-state-active" id="AccountsTab">
                     <li id="AccountInfoTab">
                         Полная информация по счету:
                     <li id="BillEventsTab">
                         Просмотр событий по счету:
                     <div id="account" class="Account"></div>
  2. Dimiter Topalov
    Dimiter Topalov avatar
    1297 posts

    Posted 09 Aug 2016 Link to this post

    Hello Дмитрий,

    The provided code snippet suggests that multiple elements with the same IDs ('mytabstrip', 'gridButton', etc.) are created. This is invalid HTML that can lead to multiple issues and undesired side effects. The recommended approach is to create all those elements with no IDs, and access them in the master Grid's detailExpand event handler (where the detail row is available via e.detailRow).

    I have prepared a simple example, involving the provided TabStrip template, demonstrating the suggested adjustments:


    I hope this helps.

    Dimiter Topalov
    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top