将标准添加到jqgrid删除确认弹出框

时间:2011-06-03 14:17:56

标签: javascript jquery jquery-ui jquery-plugins jqgrid

在jqGrid中,当您尝试删除一行或一组行时,会弹出一个确认框,说

  

删除所选记录?

我想在确认框中添加复选框和可能的其他html控件,这将为此删除操作添加条件。

条件的一个示例是决定删除相关项目的标志。

例如,确认弹出窗口必须包含以下信息:

    You are about to delete (x) items

    <input type="checkbox" name="condition1" value="condition1">Condition 1
    <input type="checkbox" name="condition2" value="condition2">Condition 2 

当然,我还想将这些输入发送回服务器以及jqgrid delete发布的默认值。

所以我的问题是

  1. 如何将HTML表单元素添加到JQgrid删除确认弹出
  2. 如何将表单的变量发布到服务器

2 个答案:

答案 0 :(得分:1)

如果我理解您的要求是正确的,则不应修改现有的“删除”对话框。您可以将自定义按钮添加到导航器工具栏中,而不是navButtonAdd。如果您使用buttonicon:"ui-icon-trash",则自定义按钮将与原始删除按钮类似。

然后你可以在onClickButton上打开任何对话作为反应。如果用户单击对话框中的“提交”按钮,则可以使用jQuery.ajax手动发布所选的ID。如果您检查the old answer中的代码和演示,您可以找到许多可以使用的代码碎片。

答案 1 :(得分:0)

我会采取以下步骤:

  • 找到删除行时触发的删除功能
  • 在确认框中包含所需的HTML。所选行将作为某种对象包含在删除函数中。
  • 包含您的AJAX调用并设置回调以在成功/失败时正确修改和刷新jqGrid