Редактировать данные с помощью диалога jquery на php

Question

Как мне создать диалоговое окно редактирования с помощью jquery?Допустим, у меня есть HTML-таблица, полная данных, и если я нажму кнопку в строке, она отобразит данные в этой строке в диалоговом окне jquery.добавлять данные и удалять данные, но редактировать данные и заполнять текстовые поля в jquery, я действительно не в себе.

Answer 1

Вы можете иметь кнопку редактирования в последней ячейке каждой строки

<input type="button" calss="edit" value="Edit" />

При нажатии этой кнопки получить все данные о ячейках этой строки и передать их в диалоговое окно.

$("input.each").click(function(){

  var tr = $(this).closes("tr");
  var data = [];
  tr.find("td:not(:last)").each(function(){
     data.push($(this).text());
  });

  //Here open the dialog box which will have the required fields and using the above data array populate the data fields as required

  //Lets say the first column in the table is for "Name"
  //You can populate the input "Name" field in the dialog box as.
  $("input[name=Name]").val(data[0]);

  //Similarly populate all the data fields using data array

});

Диалоговое окно также будет иметь кнопку Save, при нажатии которой будут обновляться ячейки текущей строки с отредактированными данными.

Answer 2

Я думаю, у вас должен быть идентификатор в каждой строке таблицы, чтобы его было легко идентифицировать.Затем вы можете получить данные с сервера.