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对象。例如

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

如果现在创建了剑道标签条，则会显示一个按钮，其中包含＆＃34; X＆＃34;标签标题中的标题。但是如果我在追加方法中在运行时创建标签时提供相同的标题。

Answer 1

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

http://dojo.telerik.com/ArIyO

如何将交叉关闭按钮添加到动态生成的kendo标签

1 个答案: