Javascript 在jqgrid中单击图像时如何显示大图像

jqgrid图像列是使用下面的colmodel定义的。 在表单编辑模式下，若鼠标位于图像上方，光标变为手动，但在图像中单击将被忽略

如果在图像中单击，如何在分离窗口中显示大图像？ 通过url

返回大图像http://localhost/Grid/GetImage?id='+选项.rowId

（不带大小参数）

---

如果您将格式化程序更改为类似于

？这就是您想要的吗？

您可以使用例如

onCellSelect

或

beforeselectionrow

捕捉图像上的

单击

，并执行您需要的任何自定义操作（如显示大图像）

---

如果您需要仅在编辑模式下对图像执行某些操作，则可以使用的属性。

我尝试在表单编辑中单击事件处理程序，但未能将图像id传递给控制器。我更新了问题。@安德鲁斯：您只需获取最后一个选定行的id（使用

的getGridParam

获取

的“selrow”

）。这将是您需要的id。为确保用户在表单打开期间未选择另一行，您可以将

“selrow”

保存在

dataInit

的内部或

beforeShowForm

（或

beforeInitData

）的内部，然后使用

单击
处理程序中保存的值。@Oleg我可以获取列（数据字段）的值吗在编辑选项中？谢谢。您的答案在表单编辑中不起作用，因为表单编辑会生成img标签，并且根据我的知识，不允许我们将其包装到标签中。如何在表单编辑中使用元素包装图像？
{"label":"Logo","name":"_image_Logo","edittype":"image",
    "editoptions":{"src":""},
    "editable":true,
    "formatter":function(cell,options,row) {
      return '<img src="http://localhost/Grid/GetImage?size=150&id=' +
               options.rowId +'" />';
} ,
"search":false,"title":false,"width":150},    

{"edittype":"file","label":"","name":"Logo","search":false,
"title":false,"width":150,"hidden":true,
"editrules":{"edithidden":true},"editable":true}

{"name":"Image",
"edittype":"image",

  "editoptions":{
    "src":"",  
    "dataEvents":[{"type":"click","fn":function(e) {
      window.open('GetImage?id=' + e.target.id, e.target.id )
  }
}]},

  "editable":true,
   "formatter":function(cell,options,row) {
    return '<a href="GetImage?id=' + options.rowId+'"><img src="GetImage?size=54&id=' + 
         options.rowId +'" /></a>';
} 
,"search":false,"title":false,"width":54},