구글 아날리스틱


[jqgrid]jqgrid resize custom by 야근하는개발자



function resizeJqGridWidth(winObj,grid_id, div_id, percent){
var persenct_default = 0.7;
if(percent != null && percent != undefined) persenct_default = percent;
// window에 resize 이벤트를 바인딩 한다.
winObj.bind('resize', function() {
// 그리드의 width를 div 에 맞춰서 적용
var gridWidth = div_id.width()-2;
grid_id.setGridWidth(gridWidth, true); //Resized to new width as per window
grid_id.setGridHeight(winObj.height()*persenct_default, true);
var grid_view_div = $("#gview_"+grid_id.attr("id"));
var grid_view_header_table = $(grid_view_div.find(".ui-jqgrid-htable")[0]);
var grid_view_data_table = $(grid_view_div.find(".ui-jqgrid-btable")[0]);
var grid_view_firstRow_header_tr = $(grid_view_header_table.find(".jqg-first-row-header")[0]);
var grid_view_firstRow_header_th_ary = $(grid_view_firstRow_header_tr.find("th"));
var grid_view_data_init_tr = $(grid_view_data_table.find(".jqgfirstrow")[0]);
var grid_view_data_init_td_ary = $(grid_view_data_init_tr.find("td"));
for(var i=0; i<grid_view_data_init_td_ary.length; i++){
var tdWidth = $(grid_view_data_init_td_ary[i]).css("width");
$(grid_view_firstRow_header_th_ary[i]).css("width",tdWidth);
}
}).trigger('resize');
}
스크롤바 영역 챙겨주고
화면 리사이징시 해당영역까지 커버해줌
특히 setGroupHeader 옵션 사용시 사용하면 좋음
기본적으로 리사이징의 경우
jqgrid basic example을 따라하는게 좋음

덧글

댓글 입력 영역