要在编辑窗口显示时预填充表单中的数据,需要使用JavaScript将表单数据填充到对话框中。以下是一个示例:
假设您有一个包含以下输入字段的表单:
接下来,您需要编写以下代码来将表单数据传递给对话框:
$(document).on('click', '.editBtn', function() {
// 获取行数据
var row = $(this).closest('tr').children('td').map(function() {
return $(this).text();
}).get();
// 在对话框中填充表单数据
$('#firstName').val(row[0]);
$('#lastName').val(row[1]);
// 打开编辑对话框
$('#editDialog').dialog('open');
});
在上面的代码中,我们使用jQuery的.closest()方法来获取所选中行的数据,并使用.val()方法将该数据填充到对话框中。最后,我们使用.dialog()方法打开编辑对话框。