ウィンドウ サイズの変更に応じてサイズを調整する jqGrid のサンプル コード_jquery

最初のタイプ:

jqGrid はウィンドウ サイズの変化に合わせて幅を調整します

コードをコピー コードは次のとおりです:

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

2 番目のタイプ:

コードをコピー コードは次のとおりです。

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
} // 合計サイズがビューポートより小さい場合は
を返します。 >}