jqGrid : 이전 및 다음 화살표를 눌러도 편집 창에서 이미지가 변경되지 않음

ifti24

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] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Excel에서 F2 키를 눌러도 더 이상 편집 모드로 들어 가지 않습니다.

분류에서Dev

다음 및 이전 화살표 대신 부트 스트랩 4에서 다음 및 이전 슬라이더 이미지를 표시 할 수 있습니까?

분류에서Dev

편집 도구 모음에 편집, 추가, 제거 및 정렬이 표시되도록합니다.

분류에서Dev

mvc 작업 방법에서 jQgrid 편집 명령이 렌더링되지 않음

분류에서Dev

편집 명령, 화살표 버튼이 작동하지 않음

분류에서Dev

editoptions를 사용할 때 jqGrid의 편집 양식에서 확인란 값이 설정되지 않음

분류에서Dev

iPad 및 iPhone에 배경 이미지가 표시되지 않음

분류에서Dev

jqGrid | 추가-편집-삭제 버튼이 작동하지 않음

분류에서Dev

Free jqGrid-행이 편집되지 않음

분류에서Dev

눌러도 Bootstrap Navbar 색상이 변경되지 않음

분류에서Dev

Angular에서 퀼 편집기가 이벤트를 실행하지 않음 (변경)

분류에서Dev

갤러리에서 다음 이미지 및 이전 이미지 가져 오기

분류에서Dev

갤러리에서 다음 이미지 및 이전 이미지 가져 오기

분류에서Dev

iOS의 react-native-material-dropdown에서 화살표 및 레이블 색상을 변경하지 않고 밑줄 색상을 편집합니다.

분류에서Dev

/ etc / hosts 및 / etc / sysconfig / network를 편집해도 호스트 이름이 변경되지 않습니다.

분류에서Dev

창 크기가 전체 화면에서 작게 변경되면 점보트론 및 배경 이미지가 사라집니다.

분류에서Dev

창 편집 컨트롤이 표시되지 않음

분류에서Dev

iPad 및 iPhone에서 배경 이미지가 제대로 표시되지 않음

분류에서Dev

Firefox 및 IE에서 배경 이미지가 표시되지 않음

분류에서Dev

IE 버전에 배경 이미지가 표시되지 않음

분류에서Dev

백 스페이스, Tab, Del 및 화살표 키가 터미널에서 작동하지 않음 (ssh 사용)

분류에서Dev

백 스페이스, Tab, Del 및 화살표 키가 터미널에서 작동하지 않음 (ssh 사용)

분류에서Dev

키를 눌러도 물체가 움직이지 않음

분류에서Dev

다음 및 이전 화살표를 클릭하면 페이지 매김 .active 클래스 추가 및 제거

분류에서Dev

대화 상자에서 버튼을 눌러도 텍스트가 업데이트되지 않음

분류에서Dev

에이스 편집기가 <html>을 표시하지 않음

분류에서Dev

Safari Mobile 및 Twitter Bootstrap에 이미지가 표시되지 않음

분류에서Dev

Redactor : 이미지 업로드가 텍스트 편집기에 표시되지 않음

분류에서Dev

UITabBarController의 MoreNavigationController에 편집 버튼이 표시되지 않음

Related 관련 기사

  1. 1

    Excel에서 F2 키를 눌러도 더 이상 편집 모드로 들어 가지 않습니다.

  2. 2

    다음 및 이전 화살표 대신 부트 스트랩 4에서 다음 및 이전 슬라이더 이미지를 표시 할 수 있습니까?

  3. 3

    편집 도구 모음에 편집, 추가, 제거 및 정렬이 표시되도록합니다.

  4. 4

    mvc 작업 방법에서 jQgrid 편집 명령이 렌더링되지 않음

  5. 5

    편집 명령, 화살표 버튼이 작동하지 않음

  6. 6

    editoptions를 사용할 때 jqGrid의 편집 양식에서 확인란 값이 설정되지 않음

  7. 7

    iPad 및 iPhone에 배경 이미지가 표시되지 않음

  8. 8

    jqGrid | 추가-편집-삭제 버튼이 작동하지 않음

  9. 9

    Free jqGrid-행이 편집되지 않음

  10. 10

    눌러도 Bootstrap Navbar 색상이 변경되지 않음

  11. 11

    Angular에서 퀼 편집기가 이벤트를 실행하지 않음 (변경)

  12. 12

    갤러리에서 다음 이미지 및 이전 이미지 가져 오기

  13. 13

    갤러리에서 다음 이미지 및 이전 이미지 가져 오기

  14. 14

    iOS의 react-native-material-dropdown에서 화살표 및 레이블 색상을 변경하지 않고 밑줄 색상을 편집합니다.

  15. 15

    / etc / hosts 및 / etc / sysconfig / network를 편집해도 호스트 이름이 변경되지 않습니다.

  16. 16

    창 크기가 전체 화면에서 작게 변경되면 점보트론 및 배경 이미지가 사라집니다.

  17. 17

    창 편집 컨트롤이 표시되지 않음

  18. 18

    iPad 및 iPhone에서 배경 이미지가 제대로 표시되지 않음

  19. 19

    Firefox 및 IE에서 배경 이미지가 표시되지 않음

  20. 20

    IE 버전에 배경 이미지가 표시되지 않음

  21. 21

    백 스페이스, Tab, Del 및 화살표 키가 터미널에서 작동하지 않음 (ssh 사용)

  22. 22

    백 스페이스, Tab, Del 및 화살표 키가 터미널에서 작동하지 않음 (ssh 사용)

  23. 23

    키를 눌러도 물체가 움직이지 않음

  24. 24

    다음 및 이전 화살표를 클릭하면 페이지 매김 .active 클래스 추가 및 제거

  25. 25

    대화 상자에서 버튼을 눌러도 텍스트가 업데이트되지 않음

  26. 26

    에이스 편집기가 <html>을 표시하지 않음

  27. 27

    Safari Mobile 및 Twitter Bootstrap에 이미지가 표시되지 않음

  28. 28

    Redactor : 이미지 업로드가 텍스트 편집기에 표시되지 않음

  29. 29

    UITabBarController의 MoreNavigationController에 편집 버튼이 표시되지 않음

뜨겁다태그

보관