IBSheet8은 행의 상태에 따라 배경색이 표시됩니다.
각 색상은 css/default(테마)/main.css 파일에 설정된 값으로 적용됩니다.
구분 | 색상 | 클래스 명 |
입력 | 연한파랑색(#eee6fa) | .IBColorAdded |
수정 | 연한노란색(#ffffd6) | .IBColorChanged |
삭제 | 연한빨간색(#ffe6e0) | .IBColorDeleted |
- 입력
addRow 또는 addRows 메서드를 이용합니다.
addRow를 통해 추가된 행은 내부적으로 Added 속성 값을 1로 갖게 됩니다. - 수정
값이 수정되면 Changed 속성 값을 1로 갖게 됩니다.
값을 원래 값으로 복원하면 자동으로 속성이 제거됩니다. - 삭제
deleteRow 또는 deleteRows 메서드를 이용 합니다.
deleteRow 가 적용된 행(Row)은 내부적으로 Deleted 속성 값을 1로 갖게 됩니다.
deleteRow는 지정한 행의 상태를 삭제로 변경하는 메서드로, 상태 값만 바뀔 뿐 바로 삭제되지 않으며,
변경된 데이터를 추출하는 메서드(getSaveJson, getSaveString, doSave) 호출시 자동으로 STATUS 값이 서버로 전달됩니다.var saveData = mySheet.getSaveJson();
console.log(saveData);
saveData 내용{
"data":[
{
"id":"AR51",
"Def":"R",
"Parent":"",
"Next":"AR3",
"Prev":"AR2",
"SEQ":3,
"sCheck":"0",
"sNation":"한국",
"sTitle":"범죄도시",
"sShare":24,
"sCount":343,
"sDate":"",
"STATUS":"Added"
},
{
"id":"AR3",
"SEQ":4,
"sCheck":"0",
"sNation":"미국",
"sTitle":"도리를 찾아서123",
"sShare":16.6,
"sCount":1136765,
"sDate":"20160706",
"STATUS":"Changed"
},
{
"id":"AR4",
"SEQ":5,
"sCheck":"0",
"sNation":"미국",
"sTitle":"레전드 오브 타잔",
"sShare":10.6,
"sCount":692133,
"sDate":"20160629",
"STATUS":"Deleted"
}
]
}
acceptChangedData 와 같은 메서드를 사용해 데이터 내에 변경된 내용을 반영(Clear)시키면 Deleted 상태의 행은 화면에서 제거 됩니다. - 상태컬럼 만들기
위 이미지에서 상태, 삭제 열(Column)을 사용하려면 ibsheet-common.js에 정의된 IB_Preset.Status, IB_Prest.DelCheck 값을 Extend 속성을 통해 설정해야 합니다.
예제) https://jsfiddle.net/epsf0xb6/
- removeRow와 removeRows 함수
지정한 행의 데이터 로우 객체가 삭제되고 화면에도 즉시 반영됩니다.
저장과 관련된 메서드(getSaveJson, getSaveString, doSave) 호출시 데이터는 추출되지 않습니다.
[관련 메서드]
- hasChangedData : 데이터 내에 변경된 내용(Added,Changed,Deleted )이 있는지 확인합니다. - getRowsByStatus : 특정 상태(Added,Changed,Deleted)의 행들을 배열로 리턴합니다. - getChangedData : 시트 내에 변경된 내용(Added,Changed,Deleted )를 json 형식의 문자열로 추출합니다. - acceptChangedData : 시트 내에 변경된 내용(Added,Changed,Deleted )을 반영(clear)합니다. |