Формы проверки, которые были загружены через Ajax на вкладки jquery-ui - PullRequest
Новая
       35

Формы проверки, которые были загружены через Ajax на вкладки jquery-ui

0 голосов
/ 09 марта 2012

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

var $tabs = $( "#tabs").tabs({
    cache: true,
    tabTemplate: "<li><a href='formularioAgricola.php' id='#{label}'>#{label}</a> <span class='ui-icon ui-icon-close'>Remove Tab</span></li>"
    //ajaxOptions: a        
});

Поэтому я изменил шаблон tabTemplate, чтобы всегда загружать одну и ту же форму.

Моя проблема в том, , что я не знаю, как извлечь, либо сказать, что каждый тег из этой формы использует такие вещи jquery-ui, как кнопки, средства выбора даты и т. Д.

В обычной форме я бы сделал что-то вроде: 

$("#btnRevisar").button()

Но когда мы говорим о загрузке формы через Ajax, это не так.

а также, как я могу попытаться отличить одну форму от другой, если все они имеют одно и то же имя, возможно ли это?

Спасибо, ребята

Карлос.

1 Ответ

0 голосов
/ 09 марта 2012

На странице документации вкладок, вкладке под названием «События», есть событие «загрузки». Аргумент "ui" предоставляет вам доступ к объекту, который включает текущую загруженную панель. Если вы используете одинаковый идентификатор в формах, имейте в виду, что идентификаторы должны быть уникальными на странице. 

var $tabs = $( "#tabs").tabs({
    cache: true,
    tabTemplate: "<li><a href='formularioAgricola.php' id='#{label}'>#{label}</a> <span class='ui-icon ui-icon-close'>Remove Tab</span></li>",

    /* add new option for load event*/

    load: function( event, ui){
        var $currTabContentPanel=$(ui.panel);
        /* only look in currently loaded content for formClass*/
        $currTabContentPanel.find('.formClass').doSomething()

    }

});
...