jquery - 禁用子网格中的选项卡无法正常工作（Kendo-UI）

Question

当我使用此代码禁用每个详细行（子网格）中的第二个和第三个选项卡时，我看到只有第一个展开的行和它之前的行禁用了选项卡 - 并且下面的所有其他行都启用了选项卡 - 我做错了什么?

试图将这段代码放在函数 detailInit(e) {}的内部和外部

var tabStrip = $("#mytabstrip").kendoTabStrip().data("kendoTabStrip");
        tabStrip.disable(tabStrip.tabGroup.children().eq(1));
        tabStrip.disable(tabStrip.tabGroup.children().eq(2));


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

     </div>

 </script>

Answer 1

在提供的代码中有两件事给人留下深刻印象：

• TabStrip ID 对于所有详细信息模板都是相同的。Web 标准不允许使用重复的 ID，并导致无法获得对各个元素的引用，除了第一个元素。完全不要在明细模板中使用 ID，或者通过使用（连接）主数据项的 ID 使它们具有唯一性。http://demos.telerik.com/kendo-ui/grid/detailtemplate
• 确保每个详细信息模板的 TabStrip 仅初始化一次。http://docs.telerik.com/kendo-ui/intro/installation/jquery-initialization#duplicate-initialization

Answer 2

感谢@dimodi，这是一个有用的信息，我检查了我的代码并更改了引用类而不是 ID，检查了没有重复初始化发生 - 但它没有帮助。比我发现在示例中他们使用detailRow.find。现在，当使用“detailRow.find”时，每一行都会有相同的行为。再次感谢，祝您有美好的一天！！！

function detailInit(e) {

        var detailRow = e.detailRow;

        detailRow.find(".tabstrip")
            .kendoTabStrip({
                animation: {
                    open: { effects: "fadeIn" }
                },


            });



        tabStrip = detailRow.find(".tabstrip").kendoTabStrip().data("kendoTabStrip");

        tabStrip.disable(tabStrip.tabGroup.children().eq(1));
        tabStrip.disable(tabStrip.tabGroup.children().eq(2));