النوع الأول :
يقوم jqGrid بتعديل العرض مع تغير حجم النافذة
انسخ رمز الكود كما يلي:
$(وظيفة(){
$(نافذة).تغيير الحجم(وظيفة(){
$("#listId").setGridWidth($(window).width());
});
});
النوع الثاني :
انسخ رمز الكود كما يلي:
window.onresize = function _doResize() {
var ss = pageSize();
$("#listId").jqGrid('setGridWidth', ss.WinW-10).jqGrid('setGridHeight', ss.WinH-200);
}
حجم صفحة الوظيفة () {
فار WinW، WinH؛
إذا (window.innerHeight) {// الكل باستثناء IE
winW = window.innerWidth;
winH = window.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) {// IE 6 Strict Mode
winW = document.documentElement.clientWidth;
winH = document.documentElement.clientHeight;
} else if (document.body) { // أخرى
winW = document.body.clientWidth;
winH = document.body.clientHeight;
} // للصفحات الصغيرة ذات الحجم الإجمالي الأقل من إطار العرض
إرجاع {WinW:winW، WinH:winH}؛
}