Закладки JQuery, загружаемые с помощью Ajax впервые - PullRequest
Новая
       28

Закладки JQuery, загружаемые с помощью Ajax впервые

1 голос
/ 03 февраля 2012

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

В приведенном ниже примере я проверяю условие типа «Значение L », если это «L» , тогда мне нужно показать три вкладки, если значение не "L" тогда мне нужно показать две вкладки.

Во время отображения двух вкладок данные первой вкладки не загружаются. 

 $(function() {
     $("#contractType").change(function(){                          

            if($("#contractType").val()=="L") //Combo Selection Values
                {                       
                    $("#hidetab").show();//Loading tabs
                    $("#tabs-0").show();
                    $("#dispEmp").removeClass('ui-tabs-selected ui-state-active');

                }//if

            else
                {
                    $("#hidetab").hide();
                    $("#tabs-0").hide();//Hides the first tab                       
                    $("#tabs-1").show();/*Displays remaining two tabs below*/
                    $("#tabs-2").show();
                    $("#dispEmp").addClass('ui-tabs-selected ui-state-active');
                    $("#jqgrid").show();//Here i am trying to load the data in second tab using ajax call.
                    $("#dispEquip").removeClass('ui-tabs-selected ui-state-active');

                }

     });         

 });

1 Ответ

1 голос
/ 06 февраля 2012

Я получил ответ, и теперь он работает нормально.

Пока я изменяю комбинированный список, основываясь на условии, я делаю вкладку, как выбрано. 

$( "#yourtabId" ).tabs( "option", "selected", 0 );//this code will select the index of the tab as selected.

0-> Индекс вкладки.

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

$('#yourtabId').tabs({
            select: function(event, ui) {

            ui.index // Will return the selected index of the tabs.
          }
        });
...