Заполните модальную диалоговую форму jQuery

Question

У меня есть приложение, которое содержит gridview.Когда пользователь выбирает один из элементов в виде сетки, я хочу иметь возможность отображать диалоговое окно jQuery, которое содержит форму с некоторой предварительно заполненной информацией из выбранного элемента из вида сетки.Прямо сейчас у меня есть div с некоторыми текстовыми полями HTML, который установлен как модальное диалоговое окно.Пользователь нажимает на него, и идентификатор выбранного элемента легко получить.Проблема возникает, когда я хочу выйти в базу данных, получить некоторые детали, а затем предварительно заполнить некоторые текстовые поля и другие элементы перед отображением диалогового окна для пользователя.

Простое сравнениечтобы пользователь щелкнул по элементу, чтобы он мог отправить форму для обработки с некоторыми элементами из уже заполненного выбора. Мне было интересно, как проще всего это сделать.Прямо сейчас у меня это так, что при выборе элемента из вида сетки используется jQuery, чтобы сделать запись Ajax с идентификатором для [WebMethod] в коде, где он может затем покинуть базу данных и получить все детали записи.Проблема в том, что по понятным причинам WebMethod не может волшебным образом заполнить поля формы.Я мог бы отправить всю информацию в запрос ajax, чтобы заполнить ее, но это также выглядит довольно грязно, потому что нет реальной сильной связи со случайными данными, которые я отправляю обратно, и к какому полю они принадлежат.

Aмногое из этого обдумывается вслух, но я действительно заинтересован в лучшем понимании того, как использовать jQuery и Ajax в ASP.NET.

Спасибо за вашу помощь и ваш вклад.

Answer 1

добавить атрибут на кнопку вида сетки:

  btn.Attributes.Add("onclick","ShowDialog();");

клиентский скрипт

 function ShowDialog(){
      //setup the dialog
$('#dialog).setup(function(){
   ......,
   buttons: "OK", function(){
     //save by calling btn2.click() where btn2 is a hidden button that handles save logic in server side
});
});
      $('#dialog').show();
    return false;
    });