프로그래밍 언어/js
jQgrid의 width 를 윈도우 사이즈에 맞춰서 resize 하기
hs_seo
2013. 5. 9. 10:40
/* * @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이면 사용자가 지정한 길이로 나타난다.
반응형