jqgrid 편집/추가/삭제 옵션에서 팝업으로 부분보기를 여는 방법

Question

추가/수정 버튼을 클릭하면 부분보기 양식이 모달 팝업으로 표시됩니다.

$('#list').jqGrid({ 
     caption: "Employee Details", 
     url: '/Employee/GetEmployee/', 
     datatype: "json", 
     contentType: "application/json; charset-utf-8", 
     mtype: 'GET', 
     colNames: ['Address', 'City', 'Id', 'Name'], 
     colModel: [ 
      { name: 'Address', index: 'Address', width: 150 }, 
      { name: 'City', index: 'City', width: 150 }, 
      { name: 'Id', index: 'Id', width: 150 }, 
      { name: 'Name', index: 'Name', width: 150 } 
     ], 
     rowNum: 10, 
     loadonce: true 

    }); 

    jQuery("#list").jqGrid('#pager', { edit: false, add: false, del: false}); 

어떻게하면이 ... 달성 할 수 있습니까?

Answer 1

jqGrid는 JavaScript 라이브러리로 작동하며 부분 뷰를 사용할 수 없습니다. 당신이/추가/편집을 보여 버튼을 삭제하려면 다음 라인

jQuery("#list").jqGrid('#pager', { edit: false, add: false, del: false}); 

에

jQuery("#list").jqGrid('navGrid', '#pager'); 

하고 사용자를 허용 할 colModel의 컬럼에 editable: true 속성을 추가하기를 교체해야합니다 편집하다. jqGrid에서도 pager: '#pager' 옵션을 사용해야합니다. 빈 div <div id="pager"></div>을 페이지의 HTML 마크 업에 추가해야합니다. 귀하의 질문에 대한 답변을 정확하게하려면 jqGrid의 버전과 jqGrid의 포크에 따라 다릅니다. 내가 개발 한 Free jqGrid 포크는 pager: true 옵션을 jqGrid로 사용하고 '#pager' 매개 변수를 navGrid 메서드로 건너 뛸 수 있습니다. 자세한 내용은 the wiki article을 참조하십시오.

또한 불필요한 index 속성을 제거하고 속성의 기본값 인 1503이므로 width: 150 속성도 제거 할 수 있습니다. 데이터를 편집하려면 editurl 매개 변수에 편집시 호출해야하는 MVC 작업의 URL을 추가해야합니다.