如何在编辑模式下在jqgrid中显示图像

如何在编辑模式下在jqgrid中显示图像,jqgrid,Jqgrid,jqGrid包含使用下面的colmodel定义的图像列。图像id以json格式从服务器传入单元格值。 如果未处于编辑模式,网格将正确显示图像 内联和表单编辑模式显示错误的图像,因为editoptions src属性包含固定id 1 如何在编辑模式下显示可编辑行id中的图像?如何像在formatter函数中一样将单元格值传递给editoptions src属性 name:"Image", edittype:"image", editoptions:{ src: "GetImage?id=1"},

jqGrid包含使用下面的colmodel定义的图像列。图像id以json格式从服务器传入单元格值。 如果未处于编辑模式,网格将正确显示图像

内联和表单编辑模式显示错误的图像,因为editoptions src属性包含固定id 1

如何在编辑模式下显示可编辑行id中的图像?如何像在formatter函数中一样将单元格值传递给editoptions src属性

name:"Image",
edittype:"image",
editoptions:{ src: "GetImage?id=1"},
formatter:function(cell,options,row) {
     return "<img src='GetImage?id=" +  cell + "'/>"
  }
name:“图像”,
编辑类型:“图像”,
编辑选项:{src:“GetImage?id=1”},
格式化程序:函数(单元格、选项、行){
返回“”
}

我建议您在开始编辑之前立即更改
editoptions
src
属性的值。请查看详细信息。在表单编辑的情况下,您可以使用修改
src

beforeInitData: function () {
    var cm = grid.jqGrid('getColProp', 'flag'),
        selRowId = grid.jqGrid('getGridParam', 'selrow');
    cm.editoptions.src = 'http://www.ok-soft-gmbh.com/img/flag_' + selRowId + '.gif';
}
因此,您将收到编辑表单,如

对于网格


请参阅相应的演示。

非常感谢。如何通过允许用户在“添加和编辑”中上载新图像,使图像真正可编辑?我们可以使用html5文件上传功能或dataProxy的jquery表单插件吗?我也在服务器上发布了关于保存行数据更改行图像中真实图像编辑的问题。但是,新图像不会以编辑形式和网格显示。保存后不会生成映像http请求。仅按浏览器刷新按钮在网格中显示新图像。如何在行更新后立即显示新图像?