Kendo TabStrip Jquery не работает

Итак, я пытаюсь динамически добавить некоторый контент в Kendo TabStrip через JavaScript. Код, который я использую для получения объекта 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")

Однако, когда я вызываю метод добавления, я получаю сообщение об ошибке. Вот почему я поставил предупреждение, чтобы узнать значение вкладки, и каждый раз я получаю «неопределенное». Я не знаю что делать. Я ценю любую помощь.

Привет, Луис.


jquery kendo-ui kendo-asp.net-mvc kendo-tabstrip
person Luis Becerril    schedule 14.07.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Чтобы получить ссылку на 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(...).

person OnaBai    schedule 14.07.2014