Tips related to the status bar

This is an example of applying styles to added/deleted/changed rows.

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

This is an example of retrieving row information according to the row status.

//Added row
function getCreatedInfo() {
   var rowData = [];
   var rows = dataProvider.getStateRows("created");
 
   for (var i in rows) {
     var data = dataProvider.getJsonRow(rows[i]);
     rowDatas.push(data);
   }
 
   alert(JSON.stringify(rowDatas));
}
 
//modified row
function getUpdatedInfo() {
   var rowData = [];
   var rows = dataProvider.getStateRows("updated");
 
   for (var i in rows) {
     var data = dataProvider.getJsonRow(rows[i]);
     rowDatas.push(data);
   }
 
   alert(JSON.stringify(rowDatas));
}
 
//deleted row
function getDeletedInfo() {
   var rowData = [];
   var rows = dataProvider.getStateRows("deleted");
 
   for (var i in rows) {
     var data = dataProvider.getJsonRow(rows[i]);
     rowDatas.push(data);
   }
 
   alert(JSON.stringify(rowDatas));
}