2023년 3분기 신규기능(7월~9월) : IBSHEET8

2023년 3분기 신규기능(7월~9월) 인쇄

수정 날짜: 금, 16 8월, 2024 시간: 2:38 PM

2023년 3분기 신규기능(Ver 8.1.0.27~8.1.0.43)

Ver 8.1.0.27-20230706-14

- (Event) onReadCanEditDate return 형식 추가

return [false,"class명"] - css class를 설정 할 수 있는 인자 추가

ex)

<style>

.bgColor{ background-color: #baebbd; }

</style>

<script>

onReadCanEditDate:function (evtParam) {

if (evtParam.col === 'DUE_DATE') {

var row = evtParam.row;

var startDate = new Date(parseInt(row.ORDER_DATE, 10));

var endDate = new Date(parseInt(row.DTDY31, 10));

// 수주일과 검수일 사이만 선택 가능함.

if (evtParam.date < startDate || evtParam.date > endDate) {

return [false,"bgColor"]; //취소선 대신에 bgColor class의 내용 반영

}

return true

}

}

</script>

[수정전 달력 - 선택할 수 없는 날짜 취소선으로 처리]

[수정후 달력 - 선택할 수 없는 날짜 배경색으로 처리 ]

- (Cfg) GroupFormat 예약어 추가

{%vc} 감춰진 행을 제외하고 행 갯수 표시

- 필터 행의 필터옵션에 값있음, 값없음 추가

main.css 업데이트 필요 - 아래 class 추가

.IBFilter14Left,.IBFilter14Right,.IBFilter14Menu

.IBFilter15Left,.IBFilter15Right,.IBFilter15Menu

메세지 파일 업데이트 필요 - ko.js, cn.js 등

"MenuFilter": {

"F0": "사용안함",

"F1": "같음",

"F2": "같지 않음",

"F3": "작음",

"F4": "같거나 작음",

"F5": "큼",

"F6": "같거나 큼",

"F7": "단어로 시작함",

"F8": "단어로 시작하지 않음",

"F9": "단어로 끝남",

"F10": "단어로 끝나지 않음",

"F11": "포함함",

"F12": "포함하지 않음",

"F13": "상위 10",

"F14": "값 있음", //추가

"F15": "값 없음" //추가

}

값있음 : 값이 있는 데이터를 필터링 함

값없음 : 빈 데이터를 필터링 함

Ver 8.1.0.28-20230706-16

- 조회, 저장 요청에 credential 정보 전송하는 기능 추가

(Cfg) WithCredentials 추가

Ver 8.1.0.30-20230711-16

- (Method) exportData시 Sheet 데이터의 상단/하단에 값 설정하는 기능 추가

exHead, exFoot 속성 추가

var param = {

sheetDesign: 1,

merge: 1,

fileName: document.getElementById('filename').value + '.xlsx'

};

param["exHead"] = [ //시트 데이터 상단 설정

{ // 첫번째 행

Height: 30,

Cells:[

{

Type:"Img",

Value:"|/ibsheet8_sample/assets/imgs/logo.png|78|28"

},

{},{},{},{},{},{},{}, //7칸 빈셀

{

Type:"Text",

Value:"(취급주의)대외비",

TextColor:"#FF0000",

Wrap: 0,

TextSize: 14

}

]

},

{ // 두번째 행

Height: 40,

Cells:[

{}, //첫칸 빈셀

{

Type:"Text",

Align: "Center",

Value: "202X년 근무 외 수당 청구 내역",

Color:"#DEDEDE",

TextSize: 45,

TextStyle: 1,

BorderTop:"2 dashed #0000FF",

BorderBottom:"2 dashed #0000FF",

BorderLeft:"2 dashed #0000FF",

ColSpan: 8

},

{

BorderTop:"2 dashed #0000FF",

BorderBottom:"2 dashed #0000FF"

},

{

BorderTop:"2 dashed #0000FF",

BorderBottom:"2 dashed #0000FF"

},

{

BorderTop:"2 dashed #0000FF",

BorderBottom:"2 dashed #0000FF"

},

{

BorderTop:"2 dashed #0000FF",

BorderBottom:"2 dashed #0000FF"

},

{

BorderTop:"2 dashed #0000FF",

BorderBottom:"2 dashed #0000FF"

},

{

BorderTop:"2 dashed #0000FF",

BorderBottom:"2 dashed #0000FF"

},

{

BorderTop:"2 dashed #0000FF",

BorderBottom:"2 dashed #0000FF",

BorderRight:"2 dashed #0000FF"

}

]

},

{}, // 세번째 행

{// 네번째 행

Cells:[

{

Value:"부서",

Align:"Right",

Color:"#DEDEDE",

BorderTop:"1 solid #222222",

BorderRight:"1 solid #222222",

BorderBottom:"1 solid #222222",

BorderLeft:"1 solid #222222",

},{

ColSpan: 3,

Value:"총무부",

Align:"Left",

BorderTop:"1 solid #222222",

BorderRight:"1 solid #222222",

BorderBottom:"1 solid #222222",

BorderLeft:"1 solid #222222",

},

{

BorderTop:"1 solid #222222",

BorderBottom:"1 solid #222222"

},

{

BorderTop:"1 solid #222222",

BorderBottom:"1 solid #222222",

BorderRight:"1 solid #222222"

}

]

},

{// 다섯번째 행

Cells:[

{

Value:"기간",

Align:"Right",

Color:"#DEDEDE",

BorderTop:"1 solid #222222",

BorderRight:"1 solid #222222",

BorderBottom:"1 solid #222222",

BorderLeft:"1 solid #222222",

},

{

ColSpan: 3,

Value:"202X/01/01 ~ 202X/04/01",

Align:"Left",

BorderTop:"1 solid #222222",

BorderBottom:"1 solid #222222",

BorderLeft:"1 solid #222222",

},

{

BorderTop:"1 solid #222222",

BorderBottom:"1 solid #222222"

},

{

BorderTop:"1 solid #222222",

BorderBottom:"1 solid #222222",

BorderRight:"1 solid #222222"

}

]

}

];

param["exFoot"] = [ //시트 데이터 하단 설정

{}, //시트 데이터 하단 첫번째 행

{ //시트 데이터 하단 두번째 행

Height:30,

Cells:[

{

Value: "출력: 2023-06-23 김XX",

Align: "Left",

Wrap: 0

}

]

}

];

sheet.exportData(param);

[다운로드 받은 엑셀 내용]

Ver 8.1.0.33-20230721-16

- Excel load 시 workSheetName에 설정한 이름이 없는 경우 load 취소 기능 추가

(Method) loadExcel, (Method) importData workSheetNameStrict 추가
ibsheet-excel.js : 1.1.11, LoadExcel.jsp, jar : 1.0.12-20230720-22 적용 필요

Ver 8.1.0.34-20230727-19

- (Col) Name에 설정하지 않은 데이터 추출 하는 기능 추가

[Cols 설정]

"Cols": [

{"Header": ["신청인","신청인"],"Type": "Text","MinWidth": 80,"Name": "sName","ColMerge": 1}

]

[조회데이터]

{ Data: [

{"sName" : "홍길동", sSabeon:"2001010105"},

{"sName" : "임꺽정", sSabeon:"2001050105"}

]

sSabeon 추출하는 기능

(Method) getRowValue, (Method) getSaveString, (Method) getSaveJson, (Method) doSave saveExtraAttr 인자 추가됨

Ver 8.1.0.36-20230810-14

- 조회된 데이터가 없습니다. 시트의 가운데 표시 기능 추가

(Cfg) NoDataMiddle:1 설정 추가

main.css 수정 필요

.IBNoDataRow>table { height: 100%;} //추가

[추가전]

[추가후]

Ver 8.1.0.38-20230824-17

- (Method) deleteRow visible 인자 적용 : 삭제 행을 화면에 보여줄지 여부

- (Method) getCol, 설정하지 않은 SEQ컬럼 제외하여 추출하는 기능 추가

[Cols 설정]

var opt = {

//각 열에 대한 정의 (열의 이름, 유형(Type), 포맷(Format)등을 설정)

Cols:[

{Header: {Value: "이름"}, Name: "sa_nm", Type: "Text"},

{Header: {Value: "사원번호" }, Name: "sa_id", Type: "Text", Align: "center"},

{Header: {Value: "부서"}, Name: "sa_dept", Type: "Enum"

, Enum: "|경영지원|총무|인사|설계|시공1|시공2", EnumKeys: "|01|02|03|04|05|06"},

{Header: {Value: "직급"}, Name: "sa_position", Type: "Enum"

, Enum: "|대표|상무|이사|부장|차장|과장|대리|사원", EnumKeys: "|A1|A2|A3|B0|B1|C4|C5|C6"}

]

};

//시트객체 생성

IBSheet.create({

id: "sheet", // 생성할 시트의 id

el: "sheetDiv", // 시트를 생성할 Dom 객체 및 id

options: opt // 생성될 시트의 속성

});

[수정전] sheet.getCols() : [ "SEQ", "sa_nm", "sa_id", "sa_dept", "sa_position" ] 리턴

[수정후] sheet.getCols({seq:1}) : [ "sa_nm", "sa_id", "sa_dept", "sa_position" ] 리턴

Ver 8.1.0.41-20230914-14

- 전체 컬럼의 너비 조절하는 함수 추가

(Method) fitColWidth 추가

- (Method) doSearchPaging 속성 추가 pageLengthParam 속성 추가

PageLength의 갯수를 서버로 전달 할 수 있는 pageLengthParam 추가

[추가전]

[추가후]

- (Method) exportData, down2Excel sheetDesign 옵션 추가

sheetDesign : 4 번 추가, 시트의 헤더만 디자인 적용
(Method) down2Excel : ibsheet-excel.js(1.0.19-20231012-19), jar(1.1.16.jar) 업그레이드 필요

- (Cfg) UsePivot : 1 설정된 시트에서, Pivot Sheet 생성 완료 이벤트 추가

(Event) onAfterPivot 추가

이 답변이 유용합니까? 예 아니오