jquery_jquery에서 jqGrid 및 jqGrid의 속성 설정을 동적으로 표시할 때 발생할 수 있는 문제에 대한 해결 방법

일반적으로 jqGrid에는 일반적으로 사용되는 몇 가지 기본 속성이 있습니다.

코드 복사 코드는 다음과 같습니다.

$("#id").jqGrid ({
url: "",
datatype: "local",
postData: { strJson: Data },
mtype: "post",
height: 45,
width : 450,
rowNum: rum, //페이지당 레코드 수
pgtext: "페이지 {0}/{1}",
pgbuttons: true,
autoheight: true,
rownumbers : false, // 행 수 표시 여부
pgbuttons: true, // 페이징 버튼 표시 여부
pginput: true, // 페이징 페이지 수 입력 허용 여부
scrollrows: false, // 행 스크롤 표시 여부 Bar
viewrecords: true, // 전체 레코드 수 표시 여부
multiselect: true, // 체크박스 표시 여부
recordpos: " left", // 레코드 수 위치 표시
sortorder: " asc", //정렬 방법
pager: "#Pager"

)}

초기화 중 테이블의 초기화 방법을 실행하지 않으려면 url을 설정해야 합니다. 비어 있고 데이터 유형이 "local"로 설정되어 있습니다. 그렇지 않으면 js 오류가 발생하고 버튼에 버튼이 있습니다. 페이지가 작동하지 않습니다.

처음에 테이블을 초기화해야 하는 경우 .net mvc 아키텍처에서, 즉 "/controller/action/" 형식으로 url 값을 설정해야 합니다. 첫 번째 "/"는 필수입니다. 그렇지 않으면 백그라운드 작업을 입력할 수 없습니다. 마지막 "/"는 필요하지 않은 것으로 보이며 일반적으로 추가됩니다. URL을 설정한 후 또 한 가지 주의할 점은 데이터 유형이 postData의 데이터 유형과 일치해야 한다는 것입니다. 그렇지 않으면 오류가 발생합니다. 예를 들어 데이터 유형: "json"이면 postData는 json 객체를 전달해야 합니다.

테이블 초기화를 동적으로 수행하려면 처음에 url 값을 설정할 필요가 없으며 데이터 유형을 "local"로 설정합니다(그렇지 않으면 오류가 보고됩니다). 그런 다음 jqGrid의 초기화 작업을 동적으로 트리거합니다.

예를 들어 테이블을 더블클릭한 후 실행하려면 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

//행 더블클릭 이벤트
ondblClickRow: function () {
courseData = JSON.stringify({
stuNum: StudentNum,
rowNum: rum,
페이지: 1
})
jQuery("#courseInfoGrid").jqGrid("setGridParam", {
url: "/PersonalArrearsSettlement/GetStudentCourseInfo", // 테이블의 URL을 설정합니다
datatype: "json ", //데이터 유형을 설정합니다
postData: { strJson:courseData }
})

 이렇게 하면 테이블 데이터를 동적으로 표시할 수 있습니다.