Блог

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

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

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

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

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

   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;
    });