I am currently working on a custom cell editor and I'm looking for another way to check if a cell has been edited. Below is the code snippet I am using:
Backgrid.CustomDateCell = Backgrid.DateCell.extend({
editor: Backgrid.InputCellEditor.extend({
attributes: {
type: "text"
},
events: {},
initialize: function(){
Backgrid.InputCellEditor.prototype.initialize.apply(this, arguments);
var _input = this;
$(this.el).prop('readonly', true);
$(this.el).datepicker({
autoclose: true,
todayHighlight: true,
format: "mm/dd/yyyy",
viewMode: "months",
minViewMode: "months"
});
$(this.el).on('hide', function(e){
var command = new Backgrid.Command({});
_input.model.set(_input.column.get("name"), e.date);
_input.model.trigger("backgrid:edited", _input.model, _input.column, command);
command = _input = null;
$(this).parent('td').addClass('cell-edited');
});
}
})
});
Unfortunately, the part where I try to select the parent td of the current datetimepicker and add a new class is not functioning as expected. While I work on resolving this issue, I wanted to inquire whether backgrid offers a more efficient method for checking if a cell has been edited.
Thank you in advance