Tuesday, November 7, 2017

Jquery Tabs With Next Prev Button




=====================================================================

=============================================================

    $(".changeNext").click(function () {

        var index = $("#tbsTopic").tabs("option", "active");
     

        $("#frm_Employee").validate();

        if (index == 0 && $("#frm_Employee").valid())
         
        $("#tbsEmp").tabs({ active: index + 1 });

        else if (index != 0) {

            $("#tbsEmp").tabs({ active: parseInt($(this).attr('data-index')) });;

            //$("#accordion").accordion({ active: index + 1 });
        }
    });

    $(".changePrev").click(function () {

        //var index = $("#accordion").accordion('option', 'active');

        //$("#accordion").accordion({ active: index - 1 });

        $("#tbsEmp").tabs({ active: parseInt($(this).attr('data-index')) });;
    });

======================================================================


 $('#tbsEmp').tabs({

        header: 'h4',

        activate: function (event, ui) {
            var index = $('#tbsEmp').tabs('option', 'active');
            //panel document listing
            if (index == 1 && isPanelMemberLoad) {
                if (!IsView() && !IsExist) {
                    PrePopulatePanelMembers();
                    isPanelMemberLoad = false;
                }
            }
            if (index == 2 && staffLoad) {
                if (!IsView() && !IsExist) {
                    GetAcrStaff();
                    staffLoad = false;
                }
            }
            if (index == 3 && docListLoad) {
                SetHtmlAreaOnLoad();
                $('.ToolBar').addClass('disablejtml');
                $('iframe').contents().find('body').attr('contentEditable', "false")
                GetPMDocListing();             
            }
            if (index == 4 && litsearchsummary) {
             
            }

            if (index == 5) {
                if (ReadOnlyUser || IsView() || IsExist) {
                    if ($('td.Grid-T-ACButtons').length != 0) {
                        $('td.Grid-T-ACButtons').addClass('disableBtn');
                    }
                    // Grid - Row - Actions

                    if ($('td.Grid-Row-Actions').length != 0) {
                        $('td.Grid-Row-Actions').addClass('disableBtn');
                    }
                    ReloadRefGrid();
                }
                else {
                    ReloadRefGrid();
                }


            } else if (index == 6 && tpcrefs) {

                RefreshRefDropBox();

                SetRefListItemsCount();

                tpcrefs = false;
            }
            else {
                CheckDuplicateItems();
                SetListItemsCount();
            }
        }
    });

No comments:

Post a Comment

javascript Filter/index off

 var family = [{"name":"Jack",  "age": 26},               {"name":"Jill",  "age"...