Сохранить модальный диалог открыть на странице отправить

Question

У меня есть форма и стол. Одним из столбцов в таблице является кнопка для редактирования строки. Я должен открыть модальный диалог при нажатии кнопки, и диалог будет содержать другую таблицу, набор результатов которой основан на строке, где я нажал кнопку. Мне нужна страница для отправки и открытия модального диалога, когда я нажимаю кнопку в каждой строке таблицы. в настоящее время, когда выполняется передача страницы, модальное значение отключается. Ниже мой сценарий

$('body').on('click', '.button', function() {// button is the first column 
              // in each row 
pid = $(this).closest('tr').find('td:eq(2)').text(); 
document.getElementById('text').value =pid; // Modal dialog table result set  
              // depends on this pid 
$("#getuser").submit(); // form (if we dont submit dialog is not show the 
         // result set for current pid selected. instead 
         // showing the old pid  
$("#exe-scroll").dialog({ // dialog 
    maxWidth:600, 
       maxHeight: 500, 
       width: 700, 
       height: 500, 
     resizable:true, 
     modal: true, 

    close: function() { 

    }); 
}); 

Как отправить страницу и открыть модальное диалоговое окно, которое будет показывать набор записей для тока PID выбран. Заранее спасибо

Answer 1

Хорошо, поэтому я постараюсь объяснить как можно больше!

$('body').on('click', '.button', function() { 
     pid = $(this).closest('tr').find('td:eq(2)').text(); 
     $.ajax({ 
      url:'/ServerSideFunction/', //Call a serverside function which accepts pid as parameter and retrieves the details from database and return data of type json from the same, 
      type:'POST', 
      dataType:'json',//return type from server side function [return it as JSON object] 
      contentType: "application/json", 
      data: JSON.stringify(pid), //Pass the data to the function on server side 
      success: function (data) { //Result object _[say user object]_ returned from server side function and then call modal on success 
         $("#exe-scroll").dialog({ // dialog 
          maxWidth:600, 
          maxHeight: 500, 
          width: 700, 
          height: 500, 
          resizable:true, 
          modal: true, 
          close: function() { 

          }); 
         }); 
       }, 
       error: 
        function (data) { 
        //display any unhandled error 
       } 
     }); 
}); 

Теперь, если вы хотите установить данные в таблицу внутри модально, то вы можете сделать это на успех либо до модальных открытой или после него !! Основная точка здесь - вам нужно вернуть надлежащий объект деталей из функции на стороне сервера и управлять им через jquery