jquery UI

I have a Tab system like below:

$( "#tabs" ).tabs({
           beforeLoad: function( event, ui ) {
           ui.jqXHR.error(function() {
           ui.panel.html(
                 "Couldn't load this tab. We'll try to fix this as soon as possible.");
                 });
           }
     });

Now inside the first Tab, i have a link names view Data. Open Clicking want that it should open in the Same Tab from were it is clicked and show the data in tabular format. and in that page [Add Data] link will be there, which will just open the add action within the same Tab

how this is possible.

Also while viewing i want to use pagination so it loads data within the same and navigate back and forth

Please guide

jQueryJScriptJavaScript

Last Comment

Coast Line

8/22/2022 - Mon

mcnute

12/23/2012

Add Data link is calling some page which outputs information in a database?

I would do it like the following:

$.ajax({
        url: '/path/to/the/page/which-querys-your-data.php',
        data: 'some data in a key-value manner',
        error: function (XMLHttpRequest, textStatus, errorThrown) {
             console.log(textStatus+' '+errorThrown);
        },
        success: function(data) {
            $('.class_of_element_where_the_data_goes').html(data);
        }
        });

Open in new window

Your php page is making a query of your database and would echo the html already in the table structure.

ASKER CERTIFIED SOLUTION

Coast Line

12/23/2012

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

GET A PERSONALIZED SOLUTION

Ask your own question & get feedback from real experts