맨위로가기
 

SBGRID

닫기

그리드 라이브러리 IMPORT

SBGrid2.5설치 방법에 대한 가이드 입니다.
 

STEP 1

SBGrid Lib 구조

  • SBGrid2.5 라이브러리는 "SBGrid" 라는 이름을 가진 디렉토리 형태로 제공됩니다.

STEP 2

SBGrid Lib IMPORT

  • SBGrid2.5 라이브러리인 "SBGrid" 디렉토리의 경로를 설정 해야합니다.
  • "SBGrid/css" 디렉토리 안에있는 "SBGrid.css", "SBGrid_default.css" 파일을 순서대로 링크 합니다
  • "SBGrid" 디렉토리 안에 있는 "SBGrid_Lib.js","SBGrid_min.js" 파일들을 순서대로 등록해야 합니다.

    • 					<head>

						//SBGrid v2.5 라이브러리("SBGrid"폴더)의 경로
						<script language="javascript">
							var SBpath = "./";		
                            var SBtheme = "default" // 그리드 theme사용할 경우 선언
                            // SBDefault.js
                            var SBDefAttrPath = "../../" // 그리드 default속성 설정파일 사용할 경우 선언 (선택사항)
						</script>	
		
						//SBGrid v2.5에서 사용하는 SBGrid.css, SBGrid_Default.css 파일 링크
						<link href="./SBGrid/css/SBGrid.css" rel="stylesheet" type="text/css">
						<link href="./SBGrid/css/SBGrid_Default.css" rel="stylesheet" type="text/css">
		
						//SBGrid v2.5를 사용하기 위한 SBGrid_Lib.js, SBGrid_min.js ( ※반드시 등록 전에 SBPath를 먼저 설정해야 합니다. )
						<script src="./SBGrid/SBGrid_Lib.js" type="text/javascript"></script>

                        // 그리드 default 속성 설정 파일을 SBDefAttrPath를 사용하지 않고 별도로 호출할 경우
                        // 반드시 Lib min 사이에 추가합니다.
                        <script src="/resouces/SBGrid/SBDefault.js" type="text/javascript"></script>
                        
						<script src="./SBGrid/SBGrid_min.js" type="text/javascript"></script>
						
						//특정 JQuery 버전 사용 시 추가등록 ( ※반드시 SBGrid v2.5 라이브러리를 먼저 등록해야합니다. )
						<script src="/jquery-1.11.1.min.js"></script>

					</head>