визуализировать шаблон усов с удаленными данными ajax во вкладках jquery ui - PullRequest
Новая
       19

визуализировать шаблон усов с удаленными данными ajax во вкладках jquery ui

0 голосов
/ 26 ноября 2011

функции удаленного извлечения данных на вкладках jquery ui великолепны, однако мне трудно согнуть их по собственному желанию.

Я следовал за документацией, чтобы заставить ее извлекать удаленные данные через ajax-вызовы со следующим кодом: 

    $(function(){

    // Tabs
        $('#tabs').tabs({
            ajaxOptions: {
                error: function( xhr, status, index, anchor ) {
                    $( anchor.hash ).html("Couldn't load rankings" );
                }
            }
        });           
    });

и 

    div id="tabs">
        <ul>
            <li><a href="ajax/firstcall">first</a></li>
            <li><a href="ajax/secondcall">second</a></li>
        </ul>
    </div>

Функция прекрасно работает, но ответы на вызовы ajax сбрасываются непосредственно в область отображения вкладки при выборе вкладки. Есть ли способ использовать усы для визуализации шаблона из ответа ajax? Я пытался связываться с функцией успеха .ajax из jquery, но кажется, что загрузка исходного содержимого все еще происходит.

Спасибо

1 Ответ

1 голос
/ 21 декабря 2011

Если это возможно, могу ли я взглянуть на вашу попытку использовать параметр ajax success? Я предлагаю вам захватить существующий контент HTML, когда запрос ajax успешен, затем запустить его через Mustache.to_html () и добавить его обратно в область контента. Итак, что-то вроде: 

success: function( data ){
    // Get selected tab index
    var selected = $('#tabs').tabs().tabs('option', 'selected');
    // Use index to form ID for selector and replace content
    $('#ui-tabs-'+selected).html(Mustache.to_html(data, {mustache: 'Test View'}));
}

Предполагается, что у вас есть шаблон с тегом {{mustache}} - в приведенном выше коде он будет заменен на «Test View».

...