如何将交叉关闭按钮添加到动态生成的 kendo 选项卡

Question

我目前能够动态创建 kendo 选项卡并使用外部按钮删除该选项卡。这是我的示例代码

// Create Main Tab
        tabStrip = $("#tabstrip").kendoTabStrip({
            animation: {
                open: {
                    effects: "fadeIn"
                }
            }
        });
        tabStrip = $("#tabstrip").data("kendoTabStrip");
        tabStrip.select(0);

创建新标签页

tabStrip.append({ text: "My Title", content: "the content" }); 
//OR 
tabStrip.append({ text: "My Title", contentURL: "http://google.com" });

对于删除，我有单独的按钮和代码

var tab = tabStrip.select(),
tabStrip.remove(tab);

删除选定的标签。它工作正常。但我的要求是添加带有标题的删除按钮。

如果我在创建标签栏时在标题中有按钮标签，那么它会将标签转换为 DOM object。例如

<ul id="tabstrip">
    <li> Title <button>X</button></li>
</ul>

如果现在 kendo 标签条已创建，将在标签标题中显示一个带有 "X" 标题的按钮。但如果我在运行时间在附加方法中创建选项卡时提供相同的标题，则不会。

Answer 1

附加文本已编码，这就是您看到字符串而不是 HTML 元素本身的原因。您可以做的是在附加 TabStrip 元素后，您可以使用 jQuery 附加一个按钮，如下所示：

http://dojo.telerik.com/ArIyO

如何将交叉关闭按钮添加到动态生成的 kendo 选项卡

How to add Cross close button to a dynamic generated kendo tabstrip

javascript

jquery

kendo-ui