如何在jqGrid中的添加/编辑对话框中覆盖提交按钮事件

Question

我正在使用jqGrid进行调度过程。在网格中，我显示了部门员工的工作时间和其他详细信息。单击网格中的一行时，必须弹出另一个网格，该网格提供主网格中相应行的详细信息。例如，您可以参考http://trirand.com/blog/jqgrid/jqgrid.html（adanced＆gt; masterdetails）。这显示了两个网格的示例，其中单击主网格中的行时，您将在下面的网格中获取发票详细信息。我也需要相同的功能并添加到它，我必须添加/编辑第二个网格中的行。 grid数据类型都是local。在添加/编辑对话框中单击提交按钮时，我想覆盖将数据提交给服务器的默认操作，并编写我自己的函数。该功能是将添加的细节/编辑的细节存储到对象中，并将其作为数据块绑定到div。

我试过onclickSubmit，但它仍在调用默认方法。 除此之外，我想用新行重新加载网格。

Answer 1

对于你的第一个问题，你可以做什么... jqgrid的onSelectRow属性你可以将该行的数据作为本地数据发送并在下面加载一个新的网格到上一个网格

例如，您可以使用第一个网格

进行编写

onSelectRow: function(){
var sel_id = jQuery("#grid").jqGrid('getGridParam', 'selrow');

onSelectRow: function(){ var sel_id = jQuery("#grid").jqGrid('getGridParam', 'selrow'); 现在要获取此行的列值，有几种方法

我会选择这一个，假设我将日期作为此行中的一列

所以， //this will give you id of the selected row

var date=getCellValue(sel_id,'date');

现在，您可以在同一个函数中加载新网格，并将此数据发送到该网格

现在是你的第二个问题，对于添加/编辑对话的自定义功能，你可以利用这个事件并过度使用它

beforeSubmit

检查这个

var date=getCellValue(sel_id,'date');