HowTo:remove the red mark in the EditorGrid field on edit?

[Srinivas B]

Hi All,

While edit happening in the Ext.grid.EditorGrid's cell .. one red mark is appearing at top left corner of the cell.I dont want to show the red mark on Edit.. How can i achieve this.

i am placing the screen shot of the same...

Please any ideas ..

Thanks in advance...
Srinivas

[[email protected]]

Try looking @ the grid css. It's in there somewhere. you can inspect with firebug to get your answer.

[VinylFox]

This seems like an easy way.

grid.on('afteredit', afterEdit, this );
function afterEdit(val) {
    val.record.commit();
};

[[email protected]]

^^ Does that execute an XHR to send/commit data to the server?

[VinylFox]

nope, just changes the cell style back to the one without the little red corner and updates the data store with the new value.

[Srinivas B]

Thanks VinylFox .. It works perfectly fine.

Thanks once again,
Srinvias.

[jack.slocum]

This CSS will do it:

.x-grid-dirty-cell {
     background-image:none;
}

[Srinivas B]

Thanks Jack,

This solution looks more light weight than making the javascript call and it also working perfectly fine.

Thanks once again,

srinivas

[zoola]

This CSS will do it:

.x-grid-dirty-cell {
     background-image:none;
}

but what if i want to remove the red triangle only from some records (and not all)?

[mystix]

but what if i want to remove the red triangle only from some records (and not all)?

hook into the grid's validateedit event and cancel it if the edit occurred on a targeted row, then set the field's new value in the Record directly

grid.on('validateedit', function(e) {
  var myTargetRow = 6;  

  if (e.row == myTargetRow) {
    e.cancel = true;
    e.record.data[e.field] = e.value;
  }
})