헤더 메뉴


헤더 셀에서 마우스 우클릭을 통해 메뉴를 띄울 수 있습니다.

컬럼 표시 여부, 컬럼 정보 저장 여부, 필터행 여부는 ibsheet-common.js에서 공통으로 제공하는 기능입니다.

화면 개발 시 보여지는 메뉴의 구성을 추가/삭제하여 설정할 수 있습니다.


[헤더 메뉴]



1) 다중컬럼 보이기/감추기


컬럼의 표시 여부를 설정하여 일부 컬럼을 감추거나 보이게 할 수 있습니다.


[다중컬럼 감추기/보이기]




헤더가 여러줄인 경우, 트리 형태로 표시됩니다.


[헤더가 여러줄인 경우 다중컬럼 감추기/보이기]



단, 멀티레코드 형태의 그리드에서는 다중컬럼 보이기/감추기 기능을 지원하지 않습니다.

[멀티레코드 그리드에서는 다중컬럼 보이기/감추기 기능 메뉴가 노출이 되지 않음]




2) 컬럼 정보 저장


시트의 정보를 로컬/세션 스토리지에 저장할 수 있습니다.


[컬럼 순서 수정 후 새로고침 시 저장한 순서로 생성됨]


컬럼 정보 저장을 취소하면 새로고침 시 초기 설정의 시트를 확인할 수 있습니다.




3) 필터행 생성



헤더 아래 필터행을 생성하거나 제거할 수 있습니다.

[필터행 생성/제거]





4) 업무에 따라 메뉴 커스텀 기능


헤더 우클릭 시 나오는 헤더 메뉴는 시트 공통설정 파일인 ibsheet-common.js에 설정되어 있습니다.

ibsheet-common.js의 아래 부분을 수정하시면 업무에 따라 메뉴를 커스텀하여 공통으로 설정할 수 있습니다.


//ibsheet-common.js 의 공통설정 부분

_IBSheet.CommonOptions = {
  Cfg: {

    ... 

  },
  Def: {
    Header: { //헤더 영역 행에 대한 설정
      Menu: {
        Items: [
          {
            "Name": "컬럼 정보 저장"
          },
          {
            "Name": "컬럼 정보 저장 취소"
          },
          {
            "Name": "*-"
          },
          {
            "Name": "필터행 생성"
          },
          {
            "Name": "필터 감추기"
          }
        ],
        "OnSave": function (item, data) {

...

[Def > Header > Menu > Items에서 공통 Menu 설정 가능]



ibsheet-common.js 의 CommonOptions 설정 부분에서 Def > Header > Menu > Items 부분을 수정하시면 기존 메뉴를 숨기거나, 원하시는 메뉴 기능을 추가하실 수 있습니다.

Menu의 OnSave 함수에서 구체적인 기능을 설정하실 수 있습니다.  


  Def: {
    Header: { //헤더 영역 행에 대한 설정
      Menu: {
        Items: [
          {
            "Name": "엑셀 다운로드"
          }
        ],
        "OnSave": function (item, data) {
          var sheet = this.Sheet.Dialog ? this.Sheet.Dialog : this.Sheet;
          if (item) {
            var col = item.Owner.Col;
            switch (item.Name) {
              case '엑셀 다운로드':
                sheet.down2Excel({ "sheetDesign":1, //시트 디자인 적용
                                    "merge":1, //시트 머지 적용
                                    "downCols":"Visible" //보이는 컬럼만 다운
                                })
                break;
            }
          } else if(data) toggleCols(sheet, data);
        }
      }
    },

[공통 Menu 기능으로 엑셀 다운로드 기능 추가]



[헤더 우클릭 시 엑셀 다운로드 메뉴가 나타남]