【发布时间】:2011-03-18 01:07:37
【问题描述】:
默认情况下,如果 jqGrid 单元格是可编辑的,单击该单元格会将其更改为编辑模式。有什么办法可以让它通过双击进行编辑?这样可以更轻松地执行行级操作,例如删除,因为我的网格中的所有列都是可编辑的。
【问题讨论】:
标签: jqgrid click double cell edit
默认情况下,如果 jqGrid 单元格是可编辑的,单击该单元格会将其更改为编辑模式。有什么办法可以让它通过双击进行编辑?这样可以更轻松地执行行级操作,例如删除,因为我的网格中的所有列都是可编辑的。
【问题讨论】:
标签: jqgrid click double cell edit
是的,您可以使用ondblClickRow 事件来捕获双击。
下面是一个简单的示例,可以帮助您入门:
ondblClickRow: function(){
var row_id = $("#grid").getGridParam('selrow');
jQuery('#grid').editRow(row_id, true);
}
【讨论】:
editRow 用于内联编辑,而不是表单编辑。此外,在我的网格中,我需要从onSelectRow 事件中显式调用editRow 以通过单击启用编辑。如果您只是删除此代码,您将禁用单击。请记住,双击编辑可能对您的用户来说并不直观......
我得到了答案。您只需要将代码放在 jqgrid 属性上 例如:
width: 800,
height: 200,
caption:" .:: Captura de Datos ::.",
addedrow: "last",
ondblClickRow: function (rowid, iRow,iCol) {
alert('Doble Click');
//jQuery("#TBLReporte").editCell(iRow, iCol, true);
}
【讨论】: