添加一个按钮以在 jQuery 数据表中打开弹出窗口

Posted 2023-05-07

【中文标题】添加一个按钮以在 jQuery 数据表中打开弹出窗口

【英文标题】：Add a button to open pop up in jQuery Data Table

【发布时间】：2017-12-04 04:14:58

【问题描述】：

在我的应用程序中，我使用 jQuery 数据表来显示表单查询的结果。我现在有一个新任务：我必须在此表中添加一列，其中每一行我都有一个按钮（或链接，无论这两个中的哪一个）。

重点是，当用户单击此按钮或链接时，必须打开一个弹出窗口以允许操作员修改数据库中的某些值（因此我需要为每一行设置一个按钮；每一行可能是否有要修改的值）。

问题是：如何添加此按钮/链接以及如何在单击后强制打开弹出窗口？

【问题讨论】：

请在此处显示您的代码

使用引导模式

为数据表的每一行添加按钮：***.com/questions/22471862/…

【参考方案1】：

你可以这样做：

$('#data_table').DataTable( 
  data: data
);

$(document).on('click', '#data_table tbody tr', function()
  // alert('hello');
  $('#dialog').dialog();
);

Working Fiddle

注意：在这个例子中我使用jquery ui dialog，你也可以使用Bootstrap modal

【讨论】：

周末愉快！！

【参考方案2】：

使用引导模式。 Bootstrap modal 可以让你做你想做的操作