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 메서드가 호출되지 않습니다.
사용자가 다음 및 이전 화살표 버튼을 눌렀을 때 편집 창에서도 이미지를 변경하려면 어떻게해야합니까?
편집 양식의 "다음", "이전"버튼을 클릭하여 이미지 변경을 구현하려면 (아래 이미지에 노란색으로 표시)
속성 을 설정 하는 afterclickPgButtons 콜백을 사용할 수 있습니다 src
.
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");
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다