Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users
Course Of The Month
8 days, 8 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
jquery UI
Posted on 2012-12-23
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
$( "#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
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
-
2
3 Comments
Add Data link is calling some page which outputs information in a database?
I would do it like the following:
Your php page is making a query of your database and would echo the html already in the table structure.
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);
}
});
Your php page is making a query of your database and would echo the html already in the table structure.
Active today
Thanks for the Info, I solved it by using the ID of the Tab and then Reloading the Contents through the Herf Attribute and Jquery's ON click event
Thanks
Thanks
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page.
Reference your jQuery libraries: (CODE)
Include your new external js/jQuery file: (CODE)
Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses
Course of the Month8 days, 8 hours left to enroll
734 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.