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

Question

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

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

Answer 1

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

例如，你可以用第一个网格来写

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

//这将为您提供所选行的ID 现在要获取该行的列值，有几种方法

我会选择这个，假设我在这一行中有日期作为列

所以，

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

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

现在您的第二个问题是，对于添加/编辑对话的自定义功能，您可以利用此事件并覆盖它

提交之前

检查一下

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:form_editing#editgridrow