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

我认为你应该在表格的每一行都有一个id，以便于识别它。然后，您可以从服务器获取数据。

使用php上的jquery对话框编辑数据

2 个答案: