2011-09-30 90 views
0

jqGrid包含使用下面的colmodel定義的圖像列。圖像ID在json中從服務器的單元格值中傳遞。 如果不在編輯模式下,網格會正確顯示圖像。如何在編輯模式下在jqgrid中顯示圖像

內聯和形式編輯模式顯示圖像錯誤,因爲editoptions SRC屬性包含固定的ID 1

如何顯示從編輯的行ID圖像編輯模式?如何傳遞單元格值editoptions src財產像格式化程序功能?

name:"Image", 
edittype:"image", 
editoptions:{ src: "GetImage?id=1"}, 
formatter:function(cell,options,row) { 
    return "<img src='GetImage?id=" + cell + "'/>" 
    } 

回答

1

我可以建議你馬上盯着編輯之前改變editoptionssrc屬性的值。詳細信息請參見the answer。在表單編輯的情況下,你可以使用beforeInitData修改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'; 
} 

那麼您將收到編輯格式如

enter image description here

網格

enter image description here

見相應的演示here

+0

非常感謝。如何通過允許用戶在添加和編輯中上傳新圖像來使圖像真正可編輯?我們可以使用dataProxy的html5文件上傳功能或jQuery表單插件嗎? – Andrus

+0

我發佈了關於真正的圖像編輯問題http://stackoverflow.com/questions/7614667/how-to-make-file-upload-plugin-to-behave-like-ajax-call – Andrus

+0

保存行數據更改行圖像服務器也。但是,新圖像不以編輯形式和網格顯示。保存後不會生成圖片http請求。只能按瀏覽器刷新按鈕在網格中顯示新圖像。如何在更新行後立即顯示新圖像? – Andrus

相關問題