RealGrid2 가이드
Tip
상태바와 관계된 팁

상태바와 관계된 팁

행 추가/삭제/변경된 행에 스타일을 적용하는 예제 입니다.

//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));
}