[SBGrid] - 4. SBGRID 그리드 기능 및 속성

#SBGRID 그리드 기능 및 속성

 

 

empty 문구 설정(emptyrecoreds)

데이터가 없을 경우 그리드 내에 문구를 설정합니다.

상세설명

• 속성 : SBGridProperties.emptyrecords = value1;
  • value1 : [string] 그리드 내의 데이터가 없을 때의 문구

 

마지막 열 확장 설정(extendlastcol)

그리드의 여백이 보이지 않도록 우측 마지막 열의 너비 확장 여부를 설정합니다.

상세설명

• 속성 : SBGridProperties.extendlastcol = value1;
  • value1 : [string] 너비 확장 여부
    • 'none'(default) : 우측 마지막 열의 너비 확장하지 않음
    • 'scroll'       : 우측 마지막 열의 너비 확장

 

그리드 전체 너비 설정(width)

그리드 너비를 설정합니다.

상세설명

• 속성 : SBGridProperties.width = value1;
  • value1 : [string] 너비 값

 

그리드 전체 높이 설정(height)

그리드 높이를 설정합니다.

상세설명

• 속성 : SBGridProperties.height = value1;
  • value1 : [string] 높이 값

 

행의 상태 표시(rowheader)

그리드의 첫번째 열을 고정영역으로 생성하고 생성된 열에 행의 상태 또는 순번을 표시하는 설정입니다.배열로 선언시 다양한 종류의 rowheader를 동시에 적용할 수 있습니다.

상세설명

• 속성 : SBGridProperties.rowheader = value1;
  • value1 : [string | array] 행의 첫번째 열(고정영역)에 상태 또는 순번 표시
    • 'seq'     : 행의 일련 번호를 올림차순으로 표시
    • 'reverseseq' : 행의 일련 번호를 내림차순으로 표시
    • 'update'     : 행의 상태 변화(등록, 수정, 삭제)를 표시
    • 'select'    : 선택된 행을 표시

 

행의 상태 표시 열 너비 설정(rowheaderwidth)

rowheader가 설정 되어 있을때 해당 rowheader의 너비를 설정하는 속성입니다.

상세설명

• 속성 : SBGridProperties.rowheaderwidth = {select : value1, seq : value1, update : value1};
  • value1 : [string] 해당하는 rowheader에 적용할 너비 값

 

행의 상태 표시 열 캡션 설정(rowheadercaption)

rowheader가 설정되어 있을때 해당 rowheader 열의 caption명을 설정합니다.

상세설명

• 속성 : SBGridProperties.rowheadercaption = {select : value1, seq : value1, update : value1};
  • value1 : [string] 해당하는 rowheader에 적용할 caption 명

 

전체 체크박스 삽입(setFixedcellcheckbox)

특정 열의 헤더영역에 전체 체크박스를 삽입합니다.

상세설명

• 메소드 : datagrid.setFixedcellcheckbox(param1,param2,param3,param4);
  • param1(필수) : [number] 전체 체크박스를 삽입할 행 인덱스
  • param2(필수) : [number] 전체 체크박스를 삽입할 열 인덱스
  • param3(선택) : [boolean] 전체 체크박스 사용 여부
    • true(default) : 체크박스 사용
    • false       : 체크박스 미사용
  • param4(선택) : [boolean] 전체 체크박스 셀의 캡션명 숨김 여부
    • true(default) : 캡션명 숨김
    • false       : 캡션명 숨기지 않음

 

열의 상태값 적용 설정(setColStatus)

지정한 열의 updateData 포함 여부를 설정합니다.

상세설명

• 메소드 : datagrid.setColStatus(param1,param2);
  • param1(필수) : [number] 열 인덱스
  • param2(필수) : [boolean] 상태값 적용 여부
    • true  : 상태값 적용
    • false : 상태값 미적용

 

지정된 Ref의 인덱스(getColRef)

특정 ref명을 매핑하는 열 인덱스를 반환합니다.ref명을 여러 열에서 매핑하는 경우 첫번째 열 인덱스를 반환합니다.

상세설명

• 메소드 : datagrid.getColRef(param1);
  • param1(필수) : [string] ref명

 

 

이벤트 바인드(bind)

SBGrid에 이벤트를 바인드합니다.

상세설명

• 메소드 : datagrid.bind(param1,param2);
  • param1(필수) : [string] 바인드할 이벤트명
  • param2(필수) : [string] 이벤트 발생시 실행할 callback함수명

 

열 기본속성 설정(columnAttr)

그리드 속성 설정 이후, 그리드 열의 속성을 설정 합니다.자세한 설정 사항은 각 메뉴를 참고해주시기 바랍니다.

 

상세설명

• 설정 : SBGridProperties.columns = [ { caption : value1, ref : value2, width : value3, style : value4, type : value5 } ];
  • caption(필수) : [string] 그리드 열 헤더명을 설정합니다.
    • ex ) [ { caption : ['학원명'], ref : 'academy', width : '168px', style : 'text-align:center', type : 'input' } ];
  • ref   (필수) : [string] jsonref와 매핑될 ref값을 설정합니다.
    • ex ) [ { caption : ['학원명'], ref : 'academy', width : '168px', style : 'text-align:center', type : 'input' } ];
  • width   (선택) : [string] 그리드 열의 width를 설정합니다. ( px, % )
    • width를 지정하지 않으실 경우 default는 100px로 설정됩니다.
    • ex ) [ { caption : ['학원명'], ref : 'academy', width : '168px', style : 'text-align:center', type : 'input' } ];
  • style  (선택) : [string] 그리드 열의 스타일을 설정합니다.
    • ex ) [ { caption : ['학원명'], ref : 'academy', width : '168px', style : 'text-align:center', type : 'input' } ];
  • type  (선택) : [string] 그리드 열의 타입을 설정합니다.
    • input, output, inputdate, checkbox 등.. 타입이 있습니다.
    • 열 타입을 지정하지 않으실 경우 default 타입은 output 형태입니다.
    • ex ) [ { caption : ['학원명'], ref : 'academy', width : '168px', style : 'text-align:center', type : 'input' } ];