2025년 3분기 신규기능(Ver 8.3.0.18~)
Ver 8.3.0.18-20250703-13
1. (Cfg)StyleRowConfig 에 스타일행의 input을 표시하거나 숨길 수 있는 Extend 옵션 추가
(Method)down2Excel 에 제공되는 numberFormatMode 인자를 ExportData 에도 제공하도록 추가하였습니다.
down2Excel 과 동일하게 엑셀 다운 시 실수 형태의 데이터 타입에 대한 셀 서식 설정 방식을 지정할 수 있습니다.
[사용 예시]
options.Cfg = { StyleRowConfig: { Visible: true, StorageType: 2, ServerUrl: "./ibsheet/styleInfo.jsp", AutoLoad: true, Themes: { Mono: "./assets/ibsheet/css/mono/main.css", // css 파일 내의 클래스를 key와 일치되도록 수정 필요 IBGY: "./assets/ibsheet/css/gray/main.css" }, Extend : true // 처음 렌더링 시 '헤더행','데이터행' 버튼을 펼침 } }; |
[Extend: false 스타일 행 렌더링 예시]
[Extend: true 스타일 행 렌더링 예시]
2. Def의 Header, Row에 스타일 관련 설정을 할 수 있는 (Method)setCurrentStyle, getCurrentStyle, clearCurrentStyle 추가
localStorage 등에 문자열로 저장하는 등의 작업을 위해, 현재 Def에 설정된 테마, 배경색, 글자색 및 Alternate 색상, 글자크기 정보를 문자열로 꺼내거나 컨트롤 하는 setCurrentStyle, getCurrentStyle 이 추가되었습니다.
getCurrentStyle 로 리턴되는 문자열은 현재 시트의 Def에 설정된 배경색, 글자색 및 Alternate 색상, 글자크기 정보 값을 가지고 있습니다.
localStorage, sessionStorage 에 저장한 현재 스타일 정보를 제거할 때는 clearCurrentStyle 을 사용할 수 있습니다.
* (Cfg)StorageSession 값이 0 인 경우에는 clearCurrentStyle 로 스토리지에서 관련 정보를 삭제할 수 없습니다. 사용을 위해서는 StorageSession :1 을 설정해야 합니다.
[사용 예시]
| // 현재 시트의 컬럼 정보를 담고 있는 문자열을 반환 sheet.getCurrentStyle(); /-----------------------------------------------------------------/var info = '{"HeaderColor":"#1d1d1b","HeaderTextSize":"14","HeaderTextColor":"#efe6e6","AlternateColor":"#dfdfe2","RowColor":"#f6f6ee","RowTextSize":"12","RowTextColor":"#211c1c","Theme":"IB"}' // getCurrentStyle에서 얻은 결과와 같은 형식 sheet.setCurrentStyle( info ); /-----------------------------------------------------------------/options.Cfg = { StorageSession: 1 // 로컬 스토리지에 현재 시트 정보를 저장할 수 있고 가져올 수 있도록 설정 }; // 로컬 스토리지 혹은 세션 스토리지에 저장된 스타일 정보를 제거한다. sheet.clearCurrentStyle(); |
Ver 8.3.0.19-20250710-15
1. Int, Float 타입에서 Format 설정 시 양수, 음수, 0에 대한 TextColor, TextFont, TextSize, TextStyle를 설정할 수 있는 (col, cell)SignFontStyle 속성 추가
SignFontStyle을 이용하여 숫자형 컬럼에서 데이터가 각 양수, 음수, 0일 때 Text가 표시될 속성들을 설정하여 적용할 수 있습니다.
양수, 음수, 0 일 때 Format을 지정하는 것과 동일하게 ;를 구분자로 사용합니다.
"red;;yellow" 와 같이 어떤 값을 빈 값이나 '', null로 지정할 경우 기존의 text 속성을 유지합니다.
[사용 예시]
{ "Header": "정수(Int)", "Type": "Int", "Name": "IntData", SignFontStyle: { TextColor: "blue; red; pink", // 양수-blue, 음수-red, 0-pink } }, |
Ver 8.3.0.20-20250717-16
1. (Method)hasChangedData, getChangedData에 데이터 행만 대상으로 동작할 수 있는 dataonly 인자 추가
시트의 변경된 사항이 있는지 확인할 수 있는 Method 인 hasChangedData, getChangedData 는 데이터 영역 뿐 아니라 Foot, Header, Head, FormulaRow 등의 수정 사항도 인식하여 함께 return 이 됩니다.
사용의 편의성을 늘리고자, data 행만의 변경된 사항을 인식하여 리턴받을 수 있게 하는 dataonly 인자가 추가 되었습니다.
dataonly:1(true) 로 설정 시 데이터를 대상으로 변경된 사항을 리턴합니다.
[사용 예시]
sheet.hasChangedData({dataonly:true}) |
2. (Cfg)SelectingCells: 0인 경우 복사할 영역을 제어할 수 있는 (Cfg)CopyCols 옵션 추가
SelectingCells: 0인 경우 복사할 영역을 제어할 수 있는 (Cfg)CopyCols 옵션 추가(Cfg)SelectingCells:0 을 설정한 경우 행단위로만 선택이 되어, 복사나 붙여넣기 동작 시 모든 행이 기준으로 복사/붙여넣기 되어 사용에 불편함이 있었습니다.
사용성 개선을 위하여 (Cfg)CopyCols 옵션을 추가하여 복사하여 붙여넣기에 사용할 열을 설정할 수 있습니다.