-
조달쇼핑몰 등록 제품 [구매링크]
- 그리드 시장 점유율 1위
- blog
- softbowl
닫기
- SBGrid 가이드
-
SBGrid 가이드
- SBGrid 시작하기
- SBGrid 테마
- SBGrid 전역함수
- 그리드 기능 속성
- 그리드 기본 속성
- 조회 데이터 형태 설정
- 포커스 최상단/최하단 이동 설정
- xml 데이터 레퍼런스 설정
- 원본 데이터를 저장하는 속성
- xml 노드경로 설정
- 말줄임 기능
- 짝수행 배경색 설정
- rowheader 배경색 설정
- 배경색 주기 설정
- empty 문구 설정
- empty 문구 스타일 설정
- empty 이미지 설정
- empty 이미지 스타일 설정
- 데이터 공백 제거
- 다중 행 선택
- 데이터 선택방법 설정
- 선택한 셀 표시 여부
- enter 이동 방향 속성
- enter 행 이동 시 셀 활성화 여부 설정
- 셀 편집방법 설정
- oneclickedit시 콤보 활성화 설정
- 브라우저 스크롤 셀 활성화 여부
- 그리드 활성화/비활성화 설정
- 셀의 툴팁 설정
- 셀의 툴팁에 표시될 값 설정
- 툴팁 출력 지연 설정
- 행의 상태 표시
- 행의 상태 표시 열 너비 설정
- 행의 상태 표시 열 캡션 설정
- 행의 상태 표시 클릭 시 콜백함수
- 다중 정렬 설정
- 정렬 초기화 속성
- 셀의 복사
- 셀에 붙여넣기
- 전체 그리드 선택
- 데이터 붙여넣기 시 행 추가 설정
- label 값 복사하기 설정
- label 값 붙여넣기 설정
- 그리드 필터링 설정
- 그리드 필터링 타이틀 설정
- 필터링 리스트UI 숨김처리 여부
- 데이터의 치환
- 치환된 데이터의 원본 적용 여부
- 해당 인덱스 하이라이트 설정
- 그리드 데이터 검색 UI 설정
- 붙여넣기 사용시 상태정보 설정
- hidden 열 포함 여부 설정
- 그리드 하단 셀 정보 설정
- 그리드 하단 전체 행 표시
- 데이터 붙여넣기 형식 설정
- 데이터 붙여넣기 시 행 추가 설정
- 그리드 사용자조작 설정
- 그리드 컬럼 설정 UI 표시 여부
- 고정 열 정렬 포함 여부
- 그리드 실행취소/재실행
- 행/열 인덱스 초기화 여부
- 그리드 마지막 행 포커싱 여부
- 행 상태 아이콘 클릭 초기화
- 스크롤 버튼 이동 개수 설정
- 스크롤 트랙 이동 지연
- 스크롤 트랙 클릭 이동 행 개수
- 캡션 클릭시 하이라이트 초기화
- 체크박스 이미지
- 라디오 이미지
- 멀티라디오 이미지
- 그리드 크기 속성
- 그리드 다국어 설정
- 열 속성
- 열 타입
- 스크롤
- 헤더
- 틀고정
- 병합
- 그리드 초기화
- 스타일
- 열의 너비 설정
- 열의 너비 확인
- 셀의 스타일 설정
- 셀의 스타일 확인
- 셀의 스타일 제거
- 셀의 복수 스타일 설정
- 다중 셀의 복수 스타일 설정
- 다중 셀의 스타일 제거
- 행의 스타일 설정
- 행의 스타일 확인
- 행의 스타일 제거
- 행의 복수 스타일 설정
- 행의 전체 스타일 확인
- 다중 행의 스타일 설정
- 다중 행의 스타일 제거
- 열의 스타일 설정
- 열의 스타일 확인
- 열의 스타일 제거
- 열의 복수 스타일 설정
- 열의 전체 스타일 확인
- 다중 열의 복수 스타일 설정
- 다중 열의 스타일 제거
- 짝수행 배경색 확인
- 짝수행 배경색 설정
- 행의 높이 확인
- empty 문구 설정
- empty 문구 반환
- empty 문구 스타일 설정
- empty 문구 스타일 확인
- 행 데이터
- 행 인덱스 설정
- 행 인덱스 확인
- 행 선택
- 다중 행 선택
- 행 선택 해제
- 선택행 인덱스 확인
- 그리드 선택 모드 설정
- 그리드 선택 모드 확인
- 전체 행의 선택 해제
- 이전 선택된 셀의 행 인덱스
- 전체 행 수
- 마지막 선택된 행 인덱스
- 선택행의 데이터 입력
- 선택행의 데이터 확인
- 체크된 행 인덱스
- 체크된 행의 데이터
- 지정된 행의 이벤트 실행
- 행 추가(마지막 행)
- 행 추가(선택된 행)
- 행 추가(데이터 포함)
- 행 삭제(마지막 행)
- 행 삭제(선택된 행)
- RowHeader 설정 여부
- RowHeader 설정 확인
- 마우스가 위치한 행 인덱스
- 행 데이터 이동
- 검색 데이터의 행 인덱스
- 그리드 전체 데이터 반환
- 합계 열 제외한 전체 데이터 반환
- 전체 행 개수 표시 설정
- 전체 행 개수 표시 설정 여부
- 조건에 해당하는 행 인덱스
- undo 정보 초기화
- redo 정보 초기화
- undo 정보 반환 확인
- 붙여넣기 제외 설정
- 붙여넣기 제외 설정 확인
- 열 데이터
- 열 인덱스 설정
- 열 인덱스 확인
- 이전 선택된 셀의 열 인덱스
- 전체 열 수
- 선택된 열의 Ref
- 지정된 Ref의 인덱스
- 선택된 열의 타입
- 마우스가 위치한 열 인덱스
- 선택된 열의 ID 확인
- 선택된 열의 ID의 인덱스
- 열 데이터 이동
- 선택된 열의 포멧 설정 확인
- 선택 열 인덱스 확인
- 지정된 열의 disabled 설정
- 지정된 열의 disabled 확인
- Ref/Caption에 의한 열 인덱스
- 열 콤보 데이터 설정
- 열 콤보 데이터 확인
- 지정된 열의 사용자 속성 설정
- 지정된 열의 사용자 속성 확인
- 열 추가(마지막 열)
- 열 추가(선택한 열)
- 열 삭제(마지막 열)
- 열 삭제(선택한 열)
- 지정한 열 확장 설정
- 지정한 열 확장 설정값 확인
- 지정한 열 확장 속성 제거
- 마지막 열 확장 타입 설정
- 마지막 열 확장 타입 확인
- 붙여넣기 제외 설정
- 붙여넣기 제외 설정 확인
- 지정한 열의 다중 캡션 설정
- 지정한 열의 다중 캡션 설정 확인
- 지정한 열의 typeinfo 확인
- 지정한 열의 도움말 설정
- 지정한 열의 도움말 확인
- 지정한 열의 자동완성 데이터 변경
- 지정한 열 최소날짜 설정
- 지정한 열 최소날짜 반환
- 지정한 열 최대날짜 설정
- 지정한 열 최대날짜 반환
- 현재 시점 기준 컬럼들의 설정 정보 확인
- 지정한 열 최대문자수 설정
- 지정한 열 최대문자수 반환
- 셀 데이터
- 셀에 데이터 입력
- 셀의 데이터 확인
- 콤보의 라벨 데이터 확인
- 셀의 비활성화 설정
- 셀의 비활성화 확인
- 셀의 툴팁 설정
- 셀의 툴팁 확인
- 셀 선택
- 셀 선택 해제
- 다중 셀의 선택
- 다중 셀의 선택해제
- 지정된 셀의 이벤트 실행
- 지정된 라디오 버튼 선택
- 편집모드 활성화
- 편집모드 종료
- 편집모드 여부 확인
- 셀 데이터 검색
- 데이터 변경 전 셀 데이터 반환
- 그리드 하단 셀 정보 설정
- 그리드 하단 셀 정보 반환
- 그리드 하단 셀 값 반환
- 데이터 붙여넣기 형식 설정
- 데이터 붙여넣기 형식 설정 반환
- 복사된 데이터 갱신
- 갱신된 데이터 반환
- 셀 포맷 설정
- 셀 포맷 반환
- 셀 단위 붙여넣기 제외 설정
- 셀 단위 붙여넣기 제외 여부
- 파일 다운로드
- 숨기기
- 상태정보
- 정렬
- 필터링
- 페이징
- 소계 및 합계
- 트리
- 그룹핑
- 그리드 추가 기능
- 그리드 jsonref 값 반환
- 컨텍스트 메뉴 UI 숨기기
- 컨텍스트 메뉴 UI 표시하기
- 그리드 parentid 값 반환
- 원본 데이터를 반환
- 원본 데이터로 변경
- 선택된 행을 원본 데이터를 변경
- 그리드 잠금 설정
- 그리드 실행취소
- 그리드 실행취소 후 재실행
- 그리드 숨김
- 그리드 보여주기
- 드래그 앤 드롭
- hidden 열 포함 여부 설정
- hidden 열 포함 여부 확인
- 툴팁 지연 속도 설정
- 툴팁 지연 속도 반환
- 스크롤 트랙 이동 지연 설정
- 스크롤 트랙 이동 지연 반환
- 스크롤 트랙 클릭 이동 개수 설정
- 스크롤 트랙 클릭 이동 개수 반환
- 선택한 셀 데이터 복사
- 선택한 셀 데이터 붙여넣기
- 그리드 스타일 상태 삭제
- 이벤트
- 커스텀 이벤트
- 복사 이벤트
- 붙여넣기 이벤트
- 데이터 변경 이벤트
- 데이터 입력 이벤트
- checkbox 이벤트
- 버튼 클릭 이벤트
- 스크롤 이벤트
- refresh() 함수 실행전 이벤트
- refresh() 함수 실행후 이벤트
- rebuild() 함수 실행전 이벤트
- rebuild() 함수 실행후 이벤트
- resize() 실행 전 이벤트
- resize() 실행 후 이벤트
- 행의 포커스 이동시 이벤트
- 열의 포커스 이동시 이벤트
- 셀 영역 마우스 포커스 이벤트
- 정렬 이벤트
- 필터링 실행전 이벤트
- 필터링 실행후 이벤트
- 페이징 이벤트
- Drag&Drop 이벤트
- 열 너비 조절 후 이벤트
- 드래그를 통한 열 이동 시 이벤트
- 트리 이벤트
- API 목록
- Code Generator
- Release Note
-
SBGrid 가이드
- 적용예시
- 구매
- 고객지원
SBGrid 가이드
- SBGrid 시작하기
- SBGrid 테마
- SBGrid 전역함수
- 그리드 기능 속성
- - 그리드 기본속성 설정A
- - 조회 데이터 형태 설정A
- - 최상단/최하단으로 이동A
- - 컨텍스트 메뉴 단축키 호출A
- - click 이벤트 범위 설정A
- - click 이벤트 범위 설정A
- - dblclick 이벤트 범위 설정A
- - xml 데이터 레퍼런스 설정A
- - 원본 데이터 저장 설정A
- - xml 노드경로 설정A
- - 말줄임 기능A
- - 드래그 선택 설정A
- - 휠이동 행 개수 설정A
- - 짝수행 배경색 설정A
- - rowheader 배경색 설정A
- - 배경색 주기 설정A
- - empty 문구 설정A
- - empty 문구 스타일 설정A
- - empty 이미지 설정A
- - empty 이미지 스타일 설정A
- - 데이터 공백 제거A
- - 다중 행 선택A
- - 데이터 선택방법 설정A
- - 선택한 셀 표시 여부A
- - enter 이동 방향 설정A
- - enter 행 이동 셀 활성화 여부 설정A
- - textarea에서 스크롤 여부 설정A
- - 그리드에 포커스 여부 설정A
- - 셀 편집방법 설정A
- - oneclickedit시 콤보 활성화 설정A
- - 콤보 값에 따라 버튼 숨기기A
- - 브라우저 스크롤 셀 활성화 여부 A
- - 그리드 활성화/비활성화 설정A
- - 셀의 툴팁 설정A
- - 셀의 툴팁에 표시될 값 설정A
- - 툴팁 출력 지연 설정A
- - 행의 상태 표시A
- - 행의 상태 표시 열 너비 설정A
- - 행의 상태 표시 열 캡션 설정A
- - 행의 상태 표시 클릭 시 콜백함수A
- - 다중 정렬 설정A
- - 정렬 설정 초기화A
- - 셀의 복사A
- - 셀에 붙여넣기A
- - 그리드 전체 복사A
- - 데이터 붙여넣기 시 행 추가 설정A
- - label 값 복사하기 설정A
- - label 값 붙여넣기 설정A
- - 그리드 필터링 설정A
- - 필터링 즉시 반영A
- - 그리드 필터링 타이틀 설정A
- - 필터링 리스트UI 숨김처리 여부A
- - 데이터의 치환A
- - 동적 데이터 치환M
- - 치환된 데이터의 원본 적용 여부A
- - 해당 인덱스 하이라이트 설정A
- - 그리드 데이터 검색 UI 설정A
- - 붙여넣기 사용시 상태정보 설정A
- - hidden 열 포함 여부 설정A
- - 그리드 하단 셀 정보 설정A
- - 그리드 하단 전체 행 표시A
- - 데이터 붙여넣기 형식 설정A
- - 그리드 사용자조작 설정A
- - 그리드 컬럼 설정 UI 표시 여부A
- - 고정 열 정렬 포함 여부A
- - 그리드 실행취소/재실행A
- - 행/열 인덱스 초기화 여부A
- - 그리드 마지막 행 포커싱 여부A
- - 행 상태 아이콘 클릭 초기화A
- - 스크롤 버튼 이동 개수 설정A
- - 스크롤 트랙 이동 지연A
- - 스크롤 트랙 클릭 이동 행 개수A
- - 캡션 클릭시 하이라이트 초기화A
- - 체크박스 이미지 A
- - 라디오 이미지 A
- - 멀티라디오 이미지 A
- - IE에서 스크롤 이벤트 제어 A
- - 그리드 생성시점 함수호출 A
- - 캡션 체크박스 이벤트 여부 A
- 그리드 크기 속성
- 그리드 다국어 설정
- 열 속성
- 열 타입
- 스크롤
- 헤더
- 틀고정
- 병합
- 그리드 초기화
- 스타일
- - 열 데이터 너비만큼 늘리기A
- - 고정열 너비만큼 늘리기A
- - 열의 너비 설정M
- - 열의 너비 자동맞춤M
- - 열의 너비 확인M
- - 셀의 스타일 설정M
- - 셀의 스타일 확인M
- - 셀의 스타일 제거M
- - 셀의 복수 스타일 설정M
- - 다중 셀의 복수 스타일 설정M
- - 다중 셀의 스타일 제거M
- - 행의 스타일 설정M
- - 행의 스타일 확인M
- - 행의 스타일 제거M
- - 행의 복수 스타일 설정M
- - 행의 전체 스타일 확인M
- - 다중 행의 스타일 설정M
- - 다중 행의 스타일 제거M
- - 열의 스타일 설정M
- - 열의 스타일 확인M
- - 열의 스타일 제거M
- - 열의 복수 스타일 설정M
- - 열의 전체 스타일 확인M
- - 다중 열의 복수 스타일 설정M
- - 다중 열의 스타일 제거M
- - 짝수행 배경색 설정M
- - 짝수행 배경색 확인M
- - 행의 높이 확인M
- - empty 문구 설정M
- - empty 문구 반환M
- - empty 문구 스타일 설정M
- - empty 문구 스타일 확인M
- 행 데이터
- - 행 인덱스 설정M
- - 행 인덱스 확인M
- - 행 선택M
- - 드래그를 이용한 행 이동A
- - 다중 행 선택M
- - 행 선택 해제M
- - 선택행 인덱스 확인M
- - 그리드 선택 모드 설정M
- - 그리드 선택 모드 확인M
- - 전체 행의 선택 해제M
- - 이전 선택한 셀의 행 인덱스M
- - 전체 행 수M
- - 마지막 선택한 행 인덱스M
- - 선택행의 데이터 입력M
- - 선택행의 데이터 확인M
- - 체크된 행 인덱스M
- - 체크된 행의 데이터M
- - 지정한 행의 이벤트 실행M
- - 행 추가(마지막 행)M
- - 행 추가(선택한 행)M
- - 행 추가(데이터 포함)M
- - 행 삭제(마지막 행)M
- - 행 삭제(선택한 행)M
- - RowHeader 설정 여부M
- - RowHeader 설정 확인M
- - 마우스가 위치한 행 인덱스M
- - 행 데이터 이동M
- - 검색 데이터의 행 인덱스M
- - 그리드 전체 데이터 반환M
- - 화면상 전체 데이터 반환M
- - 합계 열 제외한 전체 데이터 반환M
- - 전체 행 개수 표시 설정M
- - 전체 행 개수 표시 설정 여부M
- - 조건에 해당하는 행 인덱스M
- - undo 정보 초기화M
- - redo 정보 초기화M
- - undo 정보 반환 확인M
- - 붙여넣기 제외 설정M
- - 붙여넣기 제외 설정 확인M
- 열 데이터
- - 열 인덱스 설정M
- - 열 인덱스 확인M
- - 이전 선택한 셀의 열 인덱스M
- - 전체 열 수M
- - 선택한 열의 RefM
- - 지정한 Ref의 인덱스M
- - 선택한 열의 타입M
- - 마우스가 위치한 열 인덱스M
- - 선택한 열의 ID 확인M
- - 선택한 열ID의 인덱스M
- - 열 데이터 이동M
- - 선택한 열의 포멧 설정 확인M
- - 선택 열 인덱스 확인M
- - 지정한 열의 disabled 설정M
- - 지정한 열의 disabled 확인M
- - Ref/Caption에 의한 열 인덱스M
- - 열 콤보 데이터 설정M
- - 열 콤보 데이터 확인M
- - 지정한 열의 사용자 속성 설정M
- - 지정한 열의 사용자 속성 확인M
- - 열 추가(마지막 열)M
- - 열 추가(선택한 열)M
- - 열 삭제(마지막 열)M
- - 열 삭제(선택한 열)M
- - 지정한 열 확장 설정M
- - 지정한 열 확장 설정값 확인M
- - 지정한 열 확장 속성 제거M
- - 마지막 열 확장 타입 설정M
- - 마지막 열 확장 타입 확인M
- - 붙여넣기 제외 설정M
- - 붙여넣기 제외 설정 확인M
- - 지정한 열의 다중 캡션 설정M
- - 지정한 열의 다중 캡션 설정 확인M
- - 지정한 열의 typeinfo 확인M
- - 지정한 열의 도움말 설정M
- - 지정한 열의 도움말 확인M
- - 지정한 열의 자동완성 데이터 변경M
- - 지정한 열 최소날짜 설정M
- - 지정한 열 최소날짜 반환M
- - 지정한 열 최대날짜 설정M
- - 지정한 열 최대날짜 반환M
- - 현재 시점 기준 컬럼들의 설정 정보 확인M
- - 지정한 열 최대문자수 설정M
- - 지정한 열 최대문자수 반환M
- 셀 데이터
- - 셀에 데이터 입력M
- - 셀의 데이터 확인M
- - 콤보의 라벨 데이터 확인M
- - 셀의 비활성화 설정M
- - 셀의 비활성화 확인M
- - 셀의 툴팁 설정M
- - 셀의 툴팁 확인M
- - 셀 선택M
- - 셀 선택 해제M
- - 다중 셀의 선택M
- - 다중 셀의 선택 해제M
- - 지정한 셀의 이벤트 실행M
- - 지정한 라디오 버튼 선택M
- - 편집모드 활성화M
- - 편집모드 종료M
- - 편집모드 여부 확인M
- - 데이터 변경 전 셀 데이터 반환M
- - 그리드 하단 셀 정보 설정 M
- - 그리드 하단 셀 정보 반환 M
- - 그리드 하단 셀의 값 반환 M
- - 데이터 붙여넣기 형식 설정M
- - 데이터 붙여넣기 형식 설정 반환M
- - 복사된 데이터 갱신M
- - 갱신된 데이터 반환M
- - 셀 포맷 설정M
- - 셀 포맷 반환M
- - 셀 단위 붙여넣기 제외 설정M
- - 셀 단위 붙여넣기 제외 여부M
- 파일 다운로드
- 파일 업로드
- 숨기기
- 상태정보
- 정렬
- 필터링
- 페이징
- 소계 및 합계
- 트리
- 그룹핑
- 그리드 추가 기능
- - 그리드 jsonref 값 반환M
- - 컨텍스트 메뉴 UI 숨김M
- - 컨텍스트 메뉴 UI 표시M
- - 그리드 parentid 값 반환M
- - 그리드 전체 원본 데이터 반환M
- - 그리드 전체 원본 데이터 변경M
- - 선택된 행을 원본데이터로 변경M
- - 그리드 잠금 설정M
- - 그리드 실행취소M
- - 그리드 실행취소 후 재실행M
- - 그리드 숨김M
- - 그리드 보여주기M
- - 드래그 앤 드롭M
- - 드래그 한 셀 인덱스 반환M
- - hidden 열 포함 여부 설정M
- - hidden 열 포함 여부 확인M
- - 툴팁 지연 속도 설정M
- - 툴팁 지연 속도 반환M
- - 스크롤 트랙 이동 지연 설정M
- - 스크롤 트랙 이동 지연 반환M
- - 스크롤 트랙 클릭 이동 개수 설정M
- - 스크롤 트랙 클릭 이동 개수 반환M
- - 선택한 셀 데이터 복사 M
- - 선택한 셀 데이터 붙여넣기 M
- - 선택한 영역 데이터 붙여넣기 A
- - 전체 영역 스타일/상태 삭제 M
- - 데이터 영역 스타일/상태 삭제 M
- 개인화 설정
- 이벤트
- 커스텀 이벤트
- - 복사 이벤트
- - 붙여넣기 이벤트
- - 데이터 변경 이벤트
- - 데이터 입력 이벤트
- - checkbox 이벤트
- - 드래그 시작점 이벤트
- - 드래그 종료점 이벤트
- - 버튼 클릭 이벤트
- - 스크롤 이벤트
- - refresh() 실행 전 이벤트
- - refresh() 실행 후 이벤트
- - rebuild() 실행 후 이벤트
- - rebuild() 실행 전 이벤트
- - resize() 실행 전 이벤트
- - resize() 실행 후 이벤트
- - 행 포커스 이동 시 이벤트
- - 열 포커스 이동 시 이벤트
- - 셀 영역 마우스 포커스 이벤트
- - 정렬 이벤트
- - 필터링 실행 전 이벤트
- - 필터링 실행 후 이벤트
- - 페이징 이벤트
- - Drag&Drop 이벤트
- - 열 너비 조절 후 이벤트
- - 드래그를 통한 행 이동 시 이벤트
- - 드래그를 통한 열 이동 시 이벤트
- - 트리 이벤트
- - 트리 선택 이벤트
- HOME
- SBGrid 가이드
- SBGrid 가이드
- DOCUMENT GUIDE
-
- 그리드 기본 속성
- 조회 데이터 형태 설정
- xml 데이터 레퍼런스 설정
- 원본 데이터를 저장하는 속성
- xml 노드경로 설정
- 말줄임 기능
- 짝수행 배경색 설정
- rowheader 배경색 설정
- 배경색 주기 설정
- empty 문구 설정
- empty 문구 스타일 설정
- empty 이미지 설정
- empty 이미지 스타일 설정
- 데이터 공백 제거
- 다중 행 선택
- 데이터 선택방법 설정
- 선택한 셀 표시 여부
- enter 이동 방향 속성
- enter 행 이동 시 셀 활성화 여부 설정
- 셀 편집방법 설정
- oneclickedit시 콤보 활성화 설정
- 브라우저 스크롤 셀 활성화 여부
- 그리드 활성화/비활성화 설정
- 셀의 툴팁 설정
- 셀의 툴팁에 표시될 값 설정
- - 툴팁 출력 지연 설정
- 행의 상태 표시
- 행의 상태 표시 열 너비 설정
- 행의 상태 표시 열 캡션 설정
- 행의 상태 표시 클릭 시 콜백함수
- 다중 정렬 설정
- 정렬 초기화 속성
- 셀의 복사
- 셀에 붙여넣기
- 전체 그리드 선택
- 데이터 붙여넣기 시 행 추가 설정
- label 값 복사하기 설정
- label 값 붙여넣기 설정
- 그리드 필터링 설정
- 그리드 필터링 타이틀 설정
- 필터링 리스트UI 숨김처리 여부
- 데이터의 치환
- 치환된 데이터의 원본 적용 여부
- 해당 인덱스 하이라이트 설정
- 그리드 데이터 검색 UI 설정
- 붙여넣기 사용시 상태정보 설정
- hidden 열 포함 여부 설정
- 그리드 하단 셀 정보 설정
- 그리드 하단 전체 행 표시
- 데이터 붙여넣기 형식 설정
- 데이터 붙여넣기 시 행 추가 설정
- 그리드 사용자조작 설정
- 그리드 컬럼 설정 UI 표시 여부
- 고정 열 정렬 포함 여부
- 그리드 실행취소/재실행
- 행/열 인덱스 초기화 여부
- 그리드 마지막 행 포커싱 여부
- 행 상태 아이콘 클릭 초기화
- 스크롤 버튼 이동 개수 설정
- 스크롤 트랙 이동 지연
- 스크롤 트랙 클릭 이동 행 개수
- 캡션 클릭시 하이라이트 초기화
- 체크박스 이미지
- 라디오 이미지
- 멀티라디오 이미지
그리드 포커스 위치 최상단/최하단으로 이동(rowctrlupdown)
현재 포커스의 위치를 최상단/최하단으로 이동시킵니다.상세설명
rowctrlupdown
- 속성 : SBGridProperties.rowctrlupdown = value1;
- value1 : [boolean] Ctrl 키를 입력한 상태로 Up, Down 키 입력 시 최상단, 최하단으로 이동할지 설정
- true : Ctrl + ↕ 시, 최상/하단으로 이동하는 기능 사용
- false(default) : Ctrl + ↕ 시, 최상/하단으로 이동하는 기능 미사용
- value1 : [boolean] Ctrl 키를 입력한 상태로 Up, Down 키 입력 시 최상단, 최하단으로 이동할지 설정
제약사항
- Ctrl+Shift한 상태로 ↕키를 입력 시, 모든 셀을 Select 하기 때문에 데이터가 많을수록 속도가 느려질 수 있습니다.
예시
var datagrid;
var SBGridProperties = {};
var arrData = [
{"time":"1200","academy":"청량도우리이발기술학원","addr":"서울특별시 동대문구 왕산로33길 32 , 2층 (제기동)","name":"박영배","phone":"01012345678","curriculum":"beauty","class":"이발기술","maxstudent":"20","term":"1개월 0일","startday":"20170331","totalminute":"3780","pay":"300000","teacher":"1"},
{"time":"1200","academy":"대성회계실무학원","addr":"서울특별시 동대문구 왕산로 225 , 5층2호, 5층6호 (청량리동)","name":"대성회계실무학원(주)","phone":"01012345678","curriculum":"synthesize","class":"전산회계1급","maxstudent":"17","term":"1개월 0일","startday":"20170331","totalminute":"4140","pay":"440920","teacher":"5"},
{"time":"1200","academy":"대성회계실무학원","addr":"서울특별시 동대문구 왕산로 225 , 5층2호, 5층6호 (청량리동)","name":"대성회계실무학원(주)","phone":"01012345678","curriculum":"synthesize","class":"ITQ실무(한글, 엑셀, 파워포인트)","maxstudent":"13","term":"1개월 0일","startday":"20170331","totalminute":"6000","pay":"557900","teacher":"5"},
{"time":"1200","academy":"국제전자과학학원","addr":"서울특별시동대문구 고산자로36길3 3층일부(제기동)","name":"김병규이종운","phone":"01012345678","curriculum":"electron","class":"기사","maxstudent":"10","term":"1개월 0일","startday":"20170331","totalminute":"2260","pay":"180000","teacher":"1"},
{"time":"1200","academy":"영란피아노음악학원","addr":"서울특별시 동대문구 이문로 70 (이문동)","name":"김증란","phone":"01012345678","curriculum":"music","class":"피아노","maxstudent":"45","term":"1개월 0일","startday":"20170331","totalminute":"1260","pay":"90000","teacher":"2"},
{"time":"1200","academy":"한독자동차정비학원","addr":"서울특별시 동대문구 왕산로 31 , 2층,3층 (신설동)","name":"(주)메니지먼트코리아","phone":"01012345678","curriculum":"car","class":"자동차정비(6주과정)","maxstudent":"30","term":"1개월 0일","startday":"20170331","totalminute":"10800","pay":"650000","teacher":"7"},
{"time":"1200","academy":"수도간호조무사학원","addr":"서울특별시 동대문구 왕산로 225 , 511호 (청량리동)","name":"임병호","phone":"01012345678","curriculum":"nurse","class":"간호조무사","maxstudent":"30","term":"1개월 0일","startday":"20170331","totalminute":"7560","pay":"200000","teacher":"6"},
{"time":"1200","academy":"예맥보습학원","addr":"서울특별시 중랑구 동일로151길 30 2층3층 (묵동)","name":"조소정","phone":"01012345678","curriculum":"supplementary","class":"초등(국,영,수)","maxstudent":"3","term":"1개월 0일","startday":"20170331","totalminute":"3150","pay":"155000","teacher":"2"},
{"time":"1200","academy":"세진보습학원","addr":"서울특별시 중랑구 공릉로 58 2층4층일부 (묵동)","name":"이슬기","phone":"01012345678","curriculum":"supplementary","class":"초등단과(수학)","maxstudent":"10","term":"1개월 0일","startday":"20170331","totalminute":"1050","pay":"150000","teacher":"5"},
{"time":"1200","academy":"금파음악학원","addr":"서울특별시 중랑구 동일로101길 52 2층 (면목동)","name":"김명신","phone":"01012345678","curriculum":"music","class":"바이엘(초급)","maxstudent":"9","term":"1개월 0일","startday":"20170331","totalminute":"1050","pay":"100000","teacher":"1"},
{"time":"1200","academy":"금파음악학원","addr":"서울특별시 중랑구 동일로101길 52 2층 (면목동)","name":"김명신","phone":"01012345678","curriculum":"music","class":"플릇(중급)","maxstudent":"9","term":"1개월 0일","startday":"20180331","totalminute":"336","pay":"60000","teacher":"1"},
{"time":"1200","academy":"푸른미술학원","addr":"서울특별시 동대문구 제기로 86 3층일부(청량리동)","name":"백은희","phone":"01012345678","curriculum":"art","class":"초급미술","maxstudent":"6","term":"1개월 0일","startday":"20180331","totalminute":"1134","pay":"100000","teacher":"2"},
{"time":"1200","academy":"대찬학원","addr":"서울특별시 동대문구 전농로 120 , 3층 (전농동)","name":"(주)미래인재교육","phone":"01012345678","curriculum":"supplementary","class":"초등수학","maxstudent":"12","term":"1개월 0일","startday":"20170331","totalminute":"1512","pay":"220000","teacher":"9"},
{"time":"1200","academy":"장안로드맵수학학원","addr":"서울특별시 동대문구 한천로 124 , 2층 202호 (장안동)","name":"이기영","phone":"01012345678","curriculum":"supplementary","class":"초등수학","maxstudent":"14","term":"1개월 0일","startday":"20170331","totalminute":"1512","pay":"200000","teacher":"4"},
{"time":"1200","academy":"수학엠플러스학원","addr":"서울특별시 동대문구 한천로 165 3층 (답십리동)","name":"손해숙","phone":"01012345678","curriculum":"supplementary","class":"초등종합","maxstudent":"47","term":"1개월 0일","startday":"20170331","totalminute":"3150","pay":"320000","teacher":"4"},
{"time":"1200","academy":"해법영어배봉학원","addr":"서울특별시 동대문구 사가정로 191 전농우성아파트 상가4층7,8,9호 (전농동)","name":"박은정","phone":"01012345678","curriculum":"supplementary","class":"초등일반수학","maxstudent":"10","term":"1개월 0일","startday":"20170331","totalminute":"1260","pay":"160000","teacher":"2"},
{"time":"1200","academy":"동부교연보습학원","addr":"서울특별시 동대문구 천호대로16길 12 3층4층 (용두동)","name":"노희진이재민","phone":"01012345678","curriculum":"supplementary","class":"초등 1,2종합(국,영,수)","maxstudent":"8","term":"1개월 0일","startday":"20170331","totalminute":"1890","pay":"300000","teacher":"9"},
{"time":"1200","academy":"필립학원","addr":"서울특별시 중랑구 동일로129길 54 2층 (중화동)","name":"김대용","phone":"01012345678","curriculum":"supplementary","class":"초등단과","maxstudent":"10","term":"1개월 0일","startday":"20170331","totalminute":"945","pay":"140000","teacher":"4"},
{"time":"1200","academy":"대성회계실무학원","addr":"서울특별시 동대문구 왕산로 225 , 5층2호, 5층6호 (청량리동)","name":"대성회계실무학원(주)","phone":"01012345678","curriculum":"synthesize","class":"ERP물류생산및전산세무회계실무","maxstudent":"20","term":"1개월 0일","startday":"20170331","totalminute":"33000","pay":"3300000","teacher":"5"},
{"time":"1200","academy":"필립학원","addr":"서울특별시 중랑구 동일로129길 54 2층 (중화동)","name":"김대용","phone":"01012345678","curriculum":"supplementary","class":"초등연합","maxstudent":"10","term":"1개월 0일","startday":"20170331","totalminute":"2100","pay":"300000","teacher":"4"},
{"time":"1200","academy":"예원플러스학원","addr":"서울특별시 중랑구 상봉중앙로8길 44 , B동 2층 (상봉동)","name":"현경수","phone":"01012345678","curriculum":"supplementary","class":"초등보완학습(국,영,수,사,과)","maxstudent":"10","term":"1개월 0일","startday":"20180331","totalminute":"2940","pay":"320000","teacher":"2"},
{"time":"1200","academy":"예원플러스학원","addr":"서울특별시 중랑구 상봉중앙로8길 44 , B동 2층 (상봉동)","name":"현경수","phone":"01012345678","curriculum":"supplementary","class":"중등보완학습(영,수)","maxstudent":"10","term":"1개월 0일","startday":"20170331","totalminute":"3150","pay":"380000","teacher":"2"},
{"time":"1200","academy":"주미음악학원","addr":"서울특별시 동대문구 장한로30길 31 3층 (장안동)","name":"장미림","phone":"01012345678","curriculum":"music","class":"음악초급 바이엘","maxstudent":"15","term":"1개월 0일","startday":"20171231","totalminute":"1155","pay":"130000","teacher":"3"},
{"time":"1200","academy":"주미음악학원","addr":"서울특별시 동대문구 장한로30길 31 3층 (장안동)","name":"장미림","phone":"01012345678","curriculum":"music","class":"음악중급-1 체르니100","maxstudent":"10","term":"1개월 0일","startday":"20170331","totalminute":"1050","pay":"140000","teacher":"3"},
{"time":"1200","academy":"주미음악학원","addr":"서울특별시 동대문구 장한로30길 31 3층 (장안동)","name":"장미림","phone":"01012345678","curriculum":"music","class":"음악중급-2 체르니30","maxstudent":"5","term":"1개월 0일","startday":"20170331","totalminute":"1050","pay":"150000","teacher":"3"},
{"time":"1200","academy":"새암음악학원","addr":"서울특별시 동대문구 답십리로72길 118 5층 (장안동)","name":"이선선","phone":"01012345678","curriculum":"music","class":"음악초급(바이엘)","maxstudent":"49","term":"1개월 0일","startday":"20170331","totalminute":"1260","pay":"120000","teacher":"3"},
{"time":"1200","academy":"고려기계용접기술학원","addr":"서울특별시 동대문구 하정로5길 1 3층.4층 (신설동)","name":"문난희","phone":"01012345678","curriculum":"machine","class":"공조냉동기계(필기)","maxstudent":"30","term":"1개월 0일","startday":"20170331","totalminute":"2520","pay":"800000","teacher":"4"},
{"time":"1200","academy":"대우건축토목학원","addr":"서울특별시 동대문구 하정로 36 , 5층 (신설동)","name":"박기용","phone":"01012345678","curriculum":"synthesize","class":"건축사자격문제풀이반","maxstudent":"30","term":"1개월 0일","startday":"20170331","totalminute":"1512","pay":"690000","teacher":"11"},
{"time":"1200","academy":"대우건축토목학원","addr":"서울특별시 동대문구 하정로 36 , 5층 (신설동)","name":"박기용","phone":"01012345678","curriculum":"synthesize","class":"건축사자격모의고사반","maxstudent":"30","term":"1개월 0일","startday":"20170331","totalminute":"1512","pay":"560000","teacher":"11"},
{"time":"1200","academy":"큰샘학원","addr":"서울특별시 중랑구 겸재로49길 53 2층(면목본동)","name":"김순희","phone":"01012345678","curriculum":"supplementary","class":"중등수학","maxstudent":"17","term":"1개월 0일","startday":"20170331","totalminute":"1,890","pay":"150000","teacher":"2"},
{"time":"1200","academy":"엠아이티아카데미학원","addr":"서울특별시 중랑구 봉우재로71길 34 (2층,3층) (망우동)","name":"이강철","phone":"01012345678","curriculum":"supplementary","class":"초등(국,영,수)","maxstudent":"15","term":"1개월 0일","startday":"20170331","totalminute":"2100","pay":"195000","teacher":"3"},
{"time":"1200","academy":"동서보습학원","addr":"서울특별시 중랑구 상봉중앙로 51 2층(상봉동)","name":"박용순","phone":"01012345678","curriculum":"supplementary","class":"초등단과(국,영,수.사,과)","maxstudent":"10","term":"1개월 0일","startday":"20170331","totalminute":"1008","pay":"160000","teacher":"5"},
{"time":"1200","academy":"정실보습학원","addr":"서울특별시 중랑구 봉화산로21길 14-7 , 3층 일부 (중화동, 정실유치원)","name":"이종립","phone":"01012345678","curriculum":"supplementary","class":"연합(4과목)","maxstudent":"10","term":"1개월 0일","startday":"20170331","totalminute":"2520","pay":"198800","teacher":"1"},
{"time":"1200","academy":"칸타빌레음악학원","addr":"서울특별시 중랑구 용마산로 478 , 3층일부 (망우동,영명빌딩)","name":"윤지영","phone":"01012345678","curriculum":"music","class":"피아노중급I","maxstudent":"10","term":"1개월 0일","startday":"20170331","totalminute":"1050","pay":"110000","teacher":"2"},
{"time":"1200","academy":"새한음악학원","addr":"서울특별시 중랑구 면목로27길 6 , 2층 (면목동,대진빌딩)","name":"임필례","phone":"01012345678","curriculum":"music","class":"체르니30(중)","maxstudent":"10","term":"1개월 0일","startday":"20170331","totalminute":"1260","pay":"130000","teacher":"2"},
{"time":"1200","academy":"수재학원","addr":"서울특별시 동대문구 답십리로 133 , 1층, 2층 (답십리동)","name":"오정순","phone":"01012345678","curriculum":"supplementary","class":"중등수학,영어1","maxstudent":"20","term":"1개월 0일","startday":"20170331","totalminute":"1512","pay":"240000","teacher":"7"},
{"time":"1200","academy":"서림보습미술학원","addr":"서울특별시 중랑구 면목로57길 35 , 1층,2층 (면목동,보령빌딩)","name":"조경애","phone":"01012345678","curriculum":"synthesize","class":"중등종합1(국영수)","maxstudent":"20","term":"1개월 0일","startday":"20170331","totalminute":"2016","pay":"370000","teacher":"10"},
{"time":"1200","academy":"대명음악학원","addr":"서울특별시 중랑구 봉화산로56길 153 대명프라자401호 (신내동)","name":"윤미애","phone":"01012345678","curriculum":"music","class":"피아노(고급)","maxstudent":"11","term":"1개월 0일","startday":"20170922","totalminute":"1260","pay":"150000","teacher":"6"},
{"time":"1200","academy":"수도학원","addr":"서울특별시 중랑구 용마산로 381 , 2층일부,3층일부 (면목동,명진빌딩)","name":"고인보","phone":"01012345678","curriculum":"synthesize","class":"초등(국,영,수,과)","maxstudent":"15","term":"1개월 0일","startday":"20170331","totalminute":"2835","pay":"270000","teacher":"4"},
{"time":"1200","academy":"면일보습학원","addr":"서울특별시 중랑구 용마산로94길 47 2층) (면목동)","name":"구인숙","phone":"01012345678","curriculum":"supplementary","class":"초등5과목연합","maxstudent":"10","term":"1개월 0일","startday":"20170331","totalminute":"2100","pay":"231000","teacher":"2"},
{"time":"1200","academy":"정상보습학원","addr":"서울특별시 중랑구 면목로48길 65 , 2,3층 (면목동, 경상빌딩)","name":"황성수","phone":"01012345678","curriculum":"supplementary","class":"고등단과(국어)","maxstudent":"8","term":"1개월 0일","startday":"20170331","totalminute":"504","pay":"100000","teacher":"9"},
{"time":"1200","academy":"정상보습학원","addr":"서울특별시 중랑구 면목로48길 65 , 2,3층 (면목동, 경상빌딩)","name":"황성수","phone":"01012345678","curriculum":"supplementary","class":"고등연합(국,영,수)","maxstudent":"10","term":"1개월 0일","startday":"20170331","totalminute":"3024","pay":"490000","teacher":"9"},
{"time":"1200","academy":"표준보습학원","addr":"서울특별시 동대문구 제기로38길 50 (4층) (청량리동)","name":"정미라최인숙","phone":"01012345678","curriculum":"supplementary","class":"고등단과(국,영,수,주3일))","maxstudent":"6","term":"1개월 0일","startday":"20170331","totalminute":"1134","pay":"200000","teacher":"3"},
{"time":"1200","academy":"소나타음악학원","addr":"서울특별시 중랑구 동일로163길 37 2층 (묵동)","name":"한선경","phone":"01012345678","curriculum":"music","class":"피아노(바이엘)","maxstudent":"6","term":"1개월 0일","startday":"20170331","totalminute":"1260","pay":"110000","teacher":"1"},
{"time":"1200","academy":"이문보습학원","addr":"서울특별시 동대문구 한천로 481 , 2층 (이문동)","name":"이현춘","phone":"01012345678","curriculum":"supplementary","class":"중등단과(영어)","maxstudent":"10","term":"1개월 0일","startday":"20170331","totalminute":"1134","pay":"170000","teacher":"6"},
{"time":"1200","academy":"한미제과제빵커피학원","addr":"서울특별시 동대문구 왕산로 249-1 2층3층4층5층 (청량리동)","name":"김영선","phone":"01012345678","curriculum":"beverage","class":"제과제빵","maxstudent":"20","term":"1개월 0일","startday":"20170331","totalminute":"3024","pay":"400000","teacher":"10"},
{"time":"1200","academy":"교우보습학원","addr":"서울특별시 동대문구 사가정로 93 , 3층일부 (전농동,동광교회)","name":"고희권","phone":"01012345678","curriculum":"supplementary","class":"고2,3 종합","maxstudent":"10","term":"1개월 0일","startday":"20170331","totalminute":"2520","pay":"420000","teacher":"5"},
{"time":"1200","academy":"교우보습학원","addr":"서울특별시 동대문구 사가정로 93 , 3층일부 (전농동,동광교회)","name":"고희권","phone":"01012345678","curriculum":"supplementary","class":"고등2,3 이과 종합","maxstudent":"10","term":"1개월 0일","startday":"20180331","totalminute":"3024","pay":"470000","teacher":"5"},
{"time":"1200","academy":"대성독서실","addr":"서울특별시 중랑구 중랑역로 79 (4층) (중화동)","name":"김은희","phone":"01012345678","curriculum":"library","class":"고등학생","maxstudent":"10","term":"1개월 0일","startday":"20170331","totalminute":"20160","pay":"122000","teacher":"6"},
{"time":"1200","academy":"대명음악학원","addr":"서울특별시 중랑구 봉화산로56길 153 대명프라자401호 (신내동)","name":"윤미애","phone":"01012345678","curriculum":"music","class":"피아노(고급)","maxstudent":"11","term":"1개월 0일","startday":"20170922","totalminute":"1260","pay":"150000","teacher":"6"}
];
function createGrid(){
SBGridProperties.parentid = 'SBGridArea';
SBGridProperties.id = 'datagrid';
SBGridProperties.jsonref = 'arrData';
SBGridProperties.rowheader =['seq'];
SBGridProperties.selectmode = 'byrows';
SBGridProperties.rowctrlupdown = true;
SBGridProperties.columns = [
{caption : ['학원명'], ref : 'academy', width : '150px', style : 'text-align:center', type : 'output'},
{caption : ['설립자(성명)'], ref : 'name', width : '150px', style : 'text-align:center', type : 'input'},
{caption : ['전화번호'], ref : 'phone', width : '120px', style : 'text-align:center', type : 'input'},
{caption : ['학원주소'], ref : 'addr', width : '450px', style : 'text-align:center', type : 'textarea'},
{caption : ['교습과목(반)'], ref : 'class', width : '200px', style : 'text-align:center', type : 'input'},
{caption : ['정원'], ref : 'maxstudent', width : '70px', style : 'text-align:center', type : 'input', format : {type:'string', rule:'@ "명"'}},
{caption : ['교습기간'], ref : 'term', width : '100px', style : 'text-align:center', type : 'input'},
{caption : ['교육시작일'], ref : 'startday', width : '100px', style : 'text-align:center', type : 'datepicker', typeinfo : {locale : 'ko' , dateformat :'yymmdd'}, format : {type:'date', rule:'yyyy-mm-dd', origin : 'yyyymmdd' }},
{caption : ['총교습시간(분)'], ref : 'totalminute', width : '100px', style : 'text-align:center', type : 'input'},
{caption : ['교습비'], ref : 'pay', width : '100px', style : 'text-align:center', type : 'input', format : {type:'number', rule:'#,###'}},
{caption : ['강사수'], ref : 'teacher', width : '70px', style : 'text-align:center', type : 'input'}
];
datagrid = _SBGrid.create(SBGridProperties);
};