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

2013. 5. 9. 10:40·프로그래밍 언어/js
참고 링크 => http://www.mindfiresolutions.com/Resize-jqGrid-width-dynamically-based-on-browser-Window-size--1172.php


       /*
	 * @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이면 사용자가 지정한 길이로 나타난다.

반응형
저작자표시 비영리 (새창열림)

'프로그래밍 언어 > js' 카테고리의 다른 글

[에러] 구글 애드센스에서 expected expression, got '<'1 오류가 발생할 때  (0) 2016.02.24
[javascript] javascript 기초 익히기  (0) 2013.08.19
jQuery 2.0 릴리스  (0) 2013.04.19
GET 방식으로 호출시 '&', '+' 기호 전달하기  (0) 2013.04.18
자바스크립트의 프로토타입을 이해하고 객체지향 구현하기  (0) 2013.04.16
'프로그래밍 언어/js' 카테고리의 다른 글
  • [에러] 구글 애드센스에서 expected expression, got '<'1 오류가 발생할 때
  • [javascript] javascript 기초 익히기
  • jQuery 2.0 릴리스
  • GET 방식으로 호출시 '&', '+' 기호 전달하기
hs_seo
hs_seo
Hello World!
    반응형
  • hs_seo
    개발자로 살아남기
    hs_seo
  • 전체
    오늘
    어제
    • 전체 (1140)
      • 개발자 (21)
        • 개발에 유의할 점 (0)
        • 면접 (5)
      • IT 소식 (5)
        • 업계 (1)
      • java (51)
        • 디자인패턴 (3)
        • apache-common (1)
      • 개념 (47)
        • 자료구조 (4)
        • 함수형사고 (8)
        • 디자인패턴 (1)
      • 데이터분석 (1)
      • python (67)
        • 코드조각 (12)
        • 라이브러리 (2)
      • 빅데이터 (418)
        • zookeeper (5)
        • hadoop (78)
        • hdfs (12)
        • hive (127)
        • hbase (16)
        • spark (40)
        • scala (4)
        • trino (3)
        • oozie (41)
        • Hue (9)
        • R (5)
        • sqoop (6)
        • flume (3)
        • elasticsearch (2)
        • airflow (16)
        • kafka (3)
        • kubernetes (10)
        • openstack (3)
        • flink (2)
        • redis (2)
      • 빅데이터 강좌 (2)
      • 알고리즘 (131)
        • 알고리즘 (1)
        • 백준 (61)
        • 정올 (41)
        • 더블릿 (5)
        • 프로그래머스 (1)
      • 프로그래밍 언어 (30)
        • go (4)
        • js (9)
        • .Net (6)
        • Jsp (1)
        • ansible (3)
        • terraform (6)
      • Tools (56)
        • docker (2)
        • macbook (6)
        • maven (3)
        • sublime (1)
      • 프레임워크 (25)
        • [JS] angularjs (2)
        • [JS] node.js (19)
        • [Java] spring (2)
        • Android (2)
      • 데이타베이스 (43)
        • SQLD (5)
        • Oracle (1)
        • MySQL (8)
        • ADsP (2)
      • 리눅스 (25)
        • Bash (61)
      • GCP (5)
      • AWS (34)
        • EC2 (2)
        • EMR (14)
      • 정보보안기사 (4)
        • 네트워크 (1)
      • 개인 (80)
        • 업무실수 (0)
        • 책 (9)
        • 교육 (3)
        • 여행 (17)
        • 영화 (12)
        • 음악 (2)
        • 피규어 (4)
        • 게임 (3)
        • 생각 (7)
        • 기타 (10)
        • 좋은글 (5)
        • 좋은 사이트 (2)
  • 블로그 메뉴

    • 홈
    • 태그
    • 미디어로그
    • 위치로그
    • 방명록
  • 링크

    • 빅데이터-하둡,하이브로 시작하기
    • 빅데이터-스칼라, 스파크로 시작하기
    • Kaggle에서 파이썬으로 데이터 분석 시작하기
    • 쉘스크립트 개발 시작하기
    • 개발자가 데이터 분석 준전문가 되기
    • 데브쿠마
  • 공지사항

  • 인기 글

  • 태그

    k8s
    oozie
    백준
    build
    ubuntu
    S3
    java
    정올
    Hadoop
    yarn
    하둡
    Linux
    SPARK
    nodejs
    error
    Tez
    파이썬
    mysql
    HIVE
    다이나믹
    airflow
    bash
    hbase
    알고리즘
    Python
    AWS
    하이브
    emr
    HDFS
    오류
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.6
hs_seo
jQgrid의 width 를 윈도우 사이즈에 맞춰서 resize 하기
상단으로

티스토리툴바