2024년 2분기 신규기능(4월~6월) : IBSHEET8

2024년 2분기 신규기능(Ver 8.1.0.76~8.1.0.92)

Ver 8.1.0.76-20240404-16

- 컬럼의 필터행에 버튼이 생기지 않게 하는 (Col)NoButtonInFilter : 1 옵션 추가

[NoButtonInFilter : 0 적용]

[NoButtonInFilter : 1 적용]

Ver 8.1.0.78-20240411-18

- (Method)makeSubTotal 에서 소계/누계행을 SEQ 컬럼과 InfoRow 행의 개수 카운트에서 제외하는 excludeSubTotalRowCount 옵션 추가

소계행이 4건인 테이블에 SEQ 컬럼 추가, InfoRow로 행의 개수 카운트를 추가한 시트

[excludeSubTotalRowCount : 0]

[excludeSubTotalRowCount : 1]

Ver 8.1.0.84-20240509-16

- 단색 테마 추가

Ver 8.1.0.85-20240516-16

- 한글 파일(Hwpx)을 다운 받는 기능인 (Method)down2Hwpx, down2HwpxBuffer 추가

사용을 위해선 ibsheet-excel.js ver 1.1.2-20240516-15 이상 파일이 include 되어야합니다.

- chart 다이얼로그를 보여주는 (Method)showChartDialog 추가

시트의 선택한 영역을 차트로 시각화 할 수 있는 기능이 추가되었습니다.

ibsheet-dialog.js ver 1.0.17-20240516-16과 IBChart 관련 파일이 포함되어야 사용하실 수 있습니다.

Ver 8.1.0.86-20240523-16

- 그룹 셀에 취소 버튼 추가 및 그룹 버튼의 크기 데이터 길이에 따라 생성되도록 디자인 개선

사용을 위해 main.css 파일이 필요합니다.

- 파일 선택 창에서 취소/닫기 버튼 클릭 시 발생하는 onCancelFile 이벤트 추가

onCancelFile : function(evtParam){
console.log("파일 업로드를 취소 했습니다.)
}

Ver 8.1.0.87-20240530-15

- (Col) CustomFormat 을 사용하며 함수를 사용할 때 시트 객체와 컬럼명을 새로운 인자로 추가

{Type: "Text", Name: "ISDNS", CustomFormat: function(v, sheet, col){
console.log("시트객체 => " +sheet)
console.log("컬럼명 => " +col)
}

- 행의 상태가

Added(추가) 상태일 때 편집 가능 여부를 설정하는 (Col)AddEdit,

조회/수정 상태일 때 편집 가능 여부를 설정하는 (Col)ChangeEdit 인자 추가

options.Cols = [
  //addRow 등을 통해 추가된 행의 AA 컬럼은 편집 불가
  {Type : "Int" , AddEdit : 0, Name : "AA},

  // Changed 또는 조회 행의 BB 컬럼은 편집 불가
  {Type : "Int" , ChangeEdit : 0, Name : "BB},
]

Ver 8.1.0.88-20240605-15

- 편집 시 숫자 컬럼에 스피너를 표시할 수 있는 (Col)SpinnerVisible, (Col)SpinnerStep, (Col)SpinnerMax, (Col)SpinnerMin 추가

Ver 8.1.0.88-20240605-15 의 main.css 도 함께 적용해야합니다.

(Col)SpinnerVisible

Type이 Int, Float인 열에서 편집 시 화살표를 표시합니다.
설정 시 input의 type이 number로 생성됩니다.

추가적으로 SpinnerStep, SpinnerMax, SpinnerMax 을 통해 input의 step, min, max를 설정 할 수 있습니다.

- 드래그해서 행을 옮길 수 있는 (Col)Type : "Drag" 추가

Ver 8.1.0.88-20240605-15 의 main.css 도 함께 적용해야합니다.

[Type:Drag 인 컬럼 드래그]

행 옮기기 가능

[Type:Drag 이외 컬럼 드래그]

셀이 선택 됨

- (Static) showCalendar 로 생성하는 달력이 (Cfg)Size 에 영향을 받지 않게 하는 IgnoreSize, StyleSize 를 (Method)showCalendar 의 calOption 인자 속성으로 추가

IgnoreSize	`boolean`	달력의 Size가 Cfg 설정의 `Size`와 별도로 동작 시킵니다.(해당 옵션을 `true`로 적용하면 `Normal`이 적용됩니다.)
StyleSize	`string`	달력의 Size 를 적용합니다. Size cfg 와 동일한 옵션값을 지정할 수 있습니다.

Ver 8.1.0.89-20240613-15

- (Method)showCalendar() 함수에서 주차를 선택할 때 호출되는 OnClickWeek Calendar 이벤트 추가

주의 : sheet 의 이벤트가 아니라 Calendar 의 이벤트입니다.

var calOption = {

Weeks: 1,

// 주차를 선택하면 호출되는 이벤트

OnClickWeek: function (year, week) {

console.log(year+"년"+week+"주차를 선택했습니다.")

}

IBSheet.showCalendar(calOptions, {

Mouse: 1

});

Ver 8.1.0.91-20240620-16

- 편집 중인 데이터 값을 변경하는 setEditText(value) 메소드 추가

value string or number 필수 변경하려는 문자열 혹은 숫자

sheet.setEditText("안녕하세요"); // 편집 중인 데이터 값을 "안녕하세요" 로 변경

Ver 8.1.0.92-20240627-16

- 시트에 포커스나 영역 선택 시, 헤더행과 SEQ 컬럼행의 배경색이 변경되게 하는 (Cfg)SelFocusColor 속성 추가

SelFocusColor:1 로 설정하면 포커스나 영역 선택 시에 헤더, SEQ 컬럼 행의 배경색이 변합니다.

[기존 영역 선택]

[SelFocusColor:1 사용 시 영역 선택]

2024년 2분기 신규기능(4월~6월) 인쇄