맨위로가기
 

SBGRID

닫기

그리드 조작버튼(controlpanel)

그리드 상단에 사용자가 직접 조작할 수 있는 controlpanel을 설정합니다.

상세설명

  • 설정 : SBGridProperties.controlpanel = [ title : value1, finddata : value2, toggle : value3, refresh : value4, addrow : value5, removerow : value6, description : value7, columnsingrid : value8, columns : {frozen : value9, hidden : value10, width : value11, filtering : value12, callback : value13, applycallback : value14}, customs : [{method : value15, callback : value16}], hint : { html : value17, 컬럼속성 : value18}, iconposition : value19, sortOrder : value20, noUseDefaultAction : value21 }];
    • value1   (선택) : [string] 그리드 상단에 표시할 그리드 제목 설정 (미설정 시 미표시)
    • value2   (선택) : [boolean] 그리드 상단에 검색 버튼 표시 여부 설정
      • true      : 검색 버튼 표시
      • false (default) : 검색 버튼 미표시
    • value3   (선택) : [string] 그리드 접기/펼치기 시 그리드 영역 설정
      • 'remainheight'      :그리드 접기/펼치기 시 그리드 영역 유지
      • 'removeheight'      : 그리드 접기/펼치기 시 그리드 영역 제거
    • value4  (선택) : [string] 그리드 상단 새로고침 버튼의 기능 설정
      • 'refresh'      : refresh 사용
      • 'rebuild'      : rebuild 사용
    • value5  (선택) : [string] 그리드 열의 타입을 설정합니다.
      • 'add'     : 그리드 마지막 행 다음 위치에 행 추가
      • 'insertbelow' : 그리드 기준 행 아래에 행 추가
      • 'insertabove' : 그리드 기준 행 위에 행 추가
    • value6  (선택) : [string] 그리드 행 삭제 시 행 삭제 위치 설정
      • 'remove'    : 그리드 마지막 행 삭제
      • 'delete'     : 그리드 지정 행 삭제
    • value7  (선택) : [string] 그리드 열의 타입을 설정
    • value8   (선택) : [boolean] 컬럼속성 설정창을 그리드 안에 표시할지 여부 설정
      • true      : 그리드 안에 영역
      • false (default) : 그리드 밖에 영역
    • value9  (선택) : [boolean] 그리드 상단에 표시할 컬럼 속성 설정 > 컬럼 고정 표시 여부 설정
      • true (default) : 컬럼 고정 표시
      • false (default)      : 컬럼 고정 표시하지 않음
    • value10  (선택) : [boolean] 그리드 상단에 표시할 컬럼 속성 설정 > 컬럼 숨김 표시 여부 설정
      • true      : 컬럼 숨김 표시
      • false (default) : 컬럼 숨김 표시하지 않음
    • value11  (선택) : [boolean] 그리드 상단에 표시할 컬럼 속성 설정 > 컬럼 너비 표시 여부 설정
      • true      : 컬럼 너비 표시
      • false (default) : 컬럼 너비 표시하지 않음
    • value12  (선택) : [boolean] 그리드 상단에 표시할 컬럼 속성 설정 > 컬럼 필터링 표시 여부 설정
      • true      : 컬럼 필터링 표시
      • false (default) : 컬럼 필터링 표시하지 않음
    • value13  (선택) : [method] controlpanel "적용" 버튼 클릭 시 callback 기능 설정
    • value14  (선택) : [method] controlpanel 아이콘 클릭 시 callback 기능 설정
    • value15  (선택) : [string] 사용자 정의 버튼으로 실행할 메소드 설정 (미설정 시 미표시)
    • value16  (선택) : [string] 사용자 정의 버튼으로 메소드 실행 후 그리드 객체 결과확인 설정 (미설정 시 미표시)
    • value17  (선택) : [string] controlpanel 아이콘 마우스 오버 시 사용자가 지정한 문구 표시 레이아웃 설정
      • html : 레이아웃 스타일 지정 (hint 사용시 필수항목)
    • value18  (선택) : [string] 각 아이콘에 사용자가 지정한 문구 표시 여부 설정
      • '컬럼속성' : 사용자가 지정할 문구 설정
             : 컬럼속성(title, finddata, toggle, refresh, addrow, removerow, descList, columns, customs[], position)
             : customs는 사용자가 만드는 개수에 따라서 하나 이상이 될 수 있으므로 배열 형태입니다.
             : position은 tooltip이 출력되는 위치를 설정합니다. (top : 위로 px 단위 띄움, left : 왼쪽으로 px 단위 띄움)
    • value19  (선택) : [string] controlpanel 아이콘 영역 위치 설정
      • right (default): 아이콘 영역 오른쪽에 위치
      • left      : 아이콘 영역 왼쪽에 위치
    • value20  (선택) : [array] controlpanel 아이콘의 보여지는 순서를 설정
      • default: ["refresh","toggle","finddata","addrow","removerow","description","columns"]
              위 배열의 7가지 값을 원하는 순서로 설정하게 되면, 설정한 순서대로 화면에 아이콘이 표시됩니다.
    • value21  (선택) : [boolean] add/delete버튼의 기본동작을 실행할지 여부를 설정
      • false (default): add/delete 동작을 실행
      • true      : add/delete 동작을 실행하지 않음

예시

그리드 상단의 controlpanel을 직접 조작해보세요.