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

Question

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

试图将此代码放在内部和外部功能detailInit（e）{}

hasattr()

Answer 1

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

• TabStrip ID对于所有详细信息模板都是相同的。重复的ID不是由Web标准赋予的，并且导致无法获得对除第一个之外的相应元素的引用。根本不要在详细信息模板中使用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 。现在使用＆＃34; detailRow.find＆＃34;每一行都有相同的行为。再次感谢，祝你有愉快的一天！

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));