Kendo TabStrip Jquery无法正常工作

时间:2014-07-14 22:41:11

标签: jquery kendo-ui kendo-asp.net-mvc kendo-tabstrip

所以我试图通过JavaScript动态地向Kendo TabStrip添加一些内容。用于获取Jquery对象的代码是:

$(document).ready(function () {

    $tabStrip = $("#tabStrip");
    alert(JSON.stringify($tabStrip));        
    $kendoTabStrip = $tabStrip.kendoTabStrip();
    alert(JSON.stringify($kendoTabStrip));
    $data = $kendoTabStrip.data("kendoTabStrip");
    alert(JSON.stringify($data));
});

这将合成

$tabstrip=$('$tabStrip".kendoTabStrip().data("kendoTabStrip")

但是,当我调用append方法时,我收到错误。这就是为什么我把警报知道了tabtrip的价值,每次我得到" undefined"。我不知道该怎么办。 我感谢任何帮助。

问候, 路易斯。

1 个答案:

答案 0 :(得分:1)

为了获得对TabStrip的引用,通常使用:

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

你也可以这样做:

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

执行此操作,您可以致电append添加其他标签。例如:

$tabStrip.append(
    [
        {
            text: "Baiona",
            content: "<h2>N/A</h2><p>Not available</p>"
        }
    ]
);

在此处查看此行动:http://jsfiddle.net/OnaBai/5rgd7/

注意:您的$data实际上是对TabStrip对象的引用,因此您应该使用代码$data.append(...)