jqGrid：按下上一个和下一个箭头时，编辑窗口中的图像不会改变

Question

我有一个jqGrid，其中有一个包含图像的列。当用户单击页面上的编辑图标，然后在编辑窗口中，照片可见，并且已通过navGrid的编辑部分中的以下命令完成 -

recreateForm: true,
beforeInitData: function () {
    var cm = jQuery("#list3").jqGrid('getColProp', 'img'),
    selRowId = jQuery("#list3").jqGrid('getGridParam', 'selrow');
    cm.editoptions.src = '/BDED_WEB/resources/images/user'+selRowId+'.jpg';
}                

但是，如果我想通过按编辑窗口中的上一个和下一个箭头返回到数据集，则所有数据都会更改，但图像不会更改。这意味着当用户单击pData或nData按钮时，不会调用beforeInitData方法。

当用户按下一个和上一个箭头按钮时，如何在编辑窗口中更改图像？

Answer 1

您似乎使用我为the demo创建的the answer。

单击编辑表单的“下一页”，“上一页”按钮（下图中标记为黄色），实现图像更改

可以使用设置src属性的afterclickPgButtons回调。

afterclickPgButtons: function () {
    var $self = $(this),
        selRowId = $self.jqGrid("getGridParam", "selrow");
    // "img" below is the column name which have edittype: "image"
    $("#img").attr("src", "/BDED_WEB/resources/images/user" + selRowId + ".jpg");
}

The demo演示了the original demo的修改版本。