창 크기 변경에 따라 크기를 조정하는 jqGrid의 샘플 코드_jquery

첫 번째 유형:

jqGrid는 창 크기 변경에 따라 너비를 조정합니다

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

$ (function(){
$(window).resize(function(){
$("#listId").setGridWidth($(window).width());
} );
       });

두 번째 유형:

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

window.onresize = function _doResize() {
var ss = pageSize()
$("#listId ").jqGrid(' setGridWidth', ss.WinW-10).jqGrid('setGridHeight', ss.WinH-200);
}

function pageSize() {
var winW, winH;
if (window.innerHeight) {// IE를 제외한 모두
winW = window.innerWidth;
winH = window.innerHeight;
} else if (document.documentElement && document.documentElement. clientHeight) {// IE 6 엄격 모드
winW = document.documentElement.clientWidth;
winH = document.documentElement.clientHeight;
} else if (document.body) { // other
winW = document.body.clientWidth ;
winH = document.body.clientHeight;
} // 전체 크기가 뷰포트보다 작은 경우
return {WinW:winW, WinH:winH}; >}