jQuery Display html tables tr details in Modal Popup Dialo

Question

jQuery Display html tables tr details in Modal Popup Dialog ... html side using foreach loop i display records in table and i display a button also ... i requirement is i click on first record (first row) button its shows popup and all the information about the first record !! Plz Help me

Manas Mohapatra · Answer

Hi Keerthi, As per your requirement, please find following work around: 1. When click on first row button, send AJAX request to server to fetch detail information. Once you get information just display those data by HTML code just below to row no1(record1). And UI of new info should be little bit different so that user can know that which one record and which one is record detail information. 2. If you want to display another new jQuery modal popup with detail information then bind event to each button when you are displaying records in first popup. $( '#empDetailsBtn' ).click( function () {$( '#empInfo' ).dialog( 'open' ); }); And also store ID of the record by which you can fetch detail information from server using AJAX request. If you have any query comment here. Note: If you find anything useful please like my answer.