상태바와 관계된 팁
행 추가/삭제/변경된 행에 스타일을 적용하는 예제 입니다.
//css
.lightskyblue-color{
background: rgb(223, 241, 252);
}
.lightcyan-color{
background: lightcyan;
}
.lightpink-color{
background: rgb(255, 236, 239);
}
gridView.setRowStyleCallback(function(grid, item, fixed) {
switch (item.rowState) {
case "created":
return "lightskyblue-color";
case "deleted":
return "lightpink-color";
case "updated":
return "lightcyan-color";
}
})
행 상태에 따라 행들의 정보를 가져오는 예제 입니다.
//추가된 행
function getCreatedInfo() {
var rowDatas = [];
var rows = dataProvider.getStateRows("created");
for (var i in rows) {
var data = dataProvider.getJsonRow(rows[i]);
rowDatas.push(data);
}
alert(JSON.stringify(rowDatas));
}
//수정된 행
function getUpdatedInfo() {
var rowDatas = [];
var rows = dataProvider.getStateRows("updated");
for (var i in rows) {
var data = dataProvider.getJsonRow(rows[i]);
rowDatas.push(data);
}
alert(JSON.stringify(rowDatas));
}
//삭제된 행
function getDeletedInfo() {
var rowDatas = [];
var rows = dataProvider.getStateRows("deleted");
for (var i in rows) {
var data = dataProvider.getJsonRow(rows[i]);
rowDatas.push(data);
}
alert(JSON.stringify(rowDatas));
}