본문 바로가기
프로그래밍 언어/js

jQgrid의 width 를 윈도우 사이즈에 맞춰서 resize 하기

by hs_seo 2013. 5. 9.


       /*
	 * @param string grid_id 사이즈를 변경할 그리드의 아이디
	 * @param string div_id 그리드의 사이즈의 기준을 제시할 div 의 아이디
	 * @param string width 그리드의 초기화 width 사이즈
	 */
	function resizeJqGridWidth(grid_id, div_id, width){
		// window에 resize 이벤트를 바인딩 한다. 
	    $(window).bind('resize', function() {
	    	// 그리드의 width 초기화
	        $('#' + grid_id).setGridWidth(width, false);
	    	// 그리드의 width를 div 에 맞춰서 적용
	        $('#' + grid_id).setGridWidth($('#' + div_id).width() , false); //Resized to new width as per window
	     }).trigger('resize');
	}


그리드의 setGridWidth 함수에 width와 true, false를 함께 주는데 이 값은 칼럼의 사이즈를 width 에 맞춰서 자동으로 조정할지 여부를 결정한다. 

true이면 자동으로 조절하고, false이면 사용자가 지정한 길이로 나타난다.

반응형