편집 모드에서 jqgrid로 이미지를 표시하는 방법

jqGrid는 아래의 colmodel을 사용하여 정의 된 이미지 열을 포함합니다. 이미지 ID는 json의 서버에서 셀 값으로 전달됩니다. 편집 모드가 아닌 경우 격자가 이미지를 올바르게 표시합니다.편집 모드에서 jqgrid로 이미지를 표시하는 방법

인라인 및 양식 편집 모드 쇼 잘못된 이미지 속성 SRC editoptions는

1은 어떻게 편집 모드에서 편집 가능한 행 ID에서 이미지를 표시하는 고정 ID를 포함하고 있기 때문에? 포맷터 함수에서와 같이 editoptions src 속성에 셀 값을 전달하는 방법은 무엇입니까?

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

나는 즉시 편집을 응시하기 전에 editoptions의 src 속성 값을 변경할 수 제안 할 수

출처

2011-09-30 Andrus

. 자세한 내용은 the answer을보십시오. 양식 편집의 경우는 src을 수정 beforeInitData를 사용할 수 있습니다

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.

출처

2011-09-30 19:46:44 Oleg

대단히 감사합니다. 사용자가 추가 및 편집에서 새 이미지를 업로드 할 수있게함으로써 이미지를 실제로 편집 가능하게 만드는 방법은 무엇입니까? dataProxy에서 html5 파일 업로드 기능 또는 jquery 양식 플러그인을 사용할 수 있습니까? – Andrus

실제 이미지 편집에 대한 질문이 http://stackoverflow.com/questions/7614667/how-to-make-file-upload-plugin-to-behave-like-ajax-call에 게시되었습니다. – Andrus

행 데이터 변경 행 이미지 저장 중 서버. 그러나 새 이미지는 편집 양식과 격자에 표시되지 않습니다. 이미지 http 요청은 저장 후 생성되지 않습니다. 브라우저 새로 고침 버튼 만 누르면 그리드에 새 이미지가 표시됩니다. 행이 업데이트 된 직후에 새 이미지를 표시하는 방법? – Andrus

편집 모드에서 jqgrid로 이미지를 표시하는 방법

답변

관련 문제