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

Question

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

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

Answer 1

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

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

onSelectRow: 函数(){
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