jqGrid 데이터 행에 수정 및 삭제 작업 링크 추가(1부)_jquery

여기서 사용하는 것은 jqGrid에 내장된 편집 및 삭제 작업이 아닙니다. 페이징 탐색 표시줄 아래의 편집, 삭제 및 검색을 취소했습니다. $("#list1").navGrid("#pager1" , {edit:false,del:false, search:false}), 데이터 로딩이 완료된 후 각 행에 수정 및 삭제 링크가 추가됩니다

jqGrid가 완료한 이벤트는 GridComplete:function()입니다. {}(데이터가 준비된 것으로 이해할 수 있음), 데이터베이스에서 얻은 json 데이터는 수정 및 삭제가 없으므로 후속 처리는 이 두 링크를 GridComplete 이벤트의 루프의 각 행에 추가하는 것이므로, 둘 다 onclick 이벤트를 추가합니다. 먼저 스크린샷을 살펴보겠습니다.


수정된 작업은 jquery ui의 대화 상자 팝업 창을 사용하며 실행 효과는 다음과 같습니다. 사진에 보이는 것은 OK 버튼을 눌렀을 때 나타나는 것입니다. 즉, 데이터를 수정하고 싶다면 이 OK 버튼 이벤트에서 하세요)