I have a grid editable 'incell'. One of the columns is displayed as checkbox at all times, the others are static, but their editors are set to kendoComboBox.
The checkbox column is bound so that the current ':checked" state is applied to the underlying dataItem, like so:
$(
".checkbox"
).unbind(
"change"
);
$(
".checkbox"
).bind(
"change"
,
function
(e) {
var
$row = $(e.target).closest(
"tr"
),
di = grid.dataItem($row),
// grid is a ref to kendoGrid defined
state = $(e.target).is(
':checked'
);
console.group(
'change'
, $row, di.uid);
console.log(di);
di.set(
'group'
, state);
console.log(di);
console.groupEnd();
});
Now the problem I'm facing is that when I select an item in a ComboBox column and hit escape, the ComboBox choice is cancelled but so is the checkbox state. Even though the state has been applied, and even though the dataSource.hasChanges returns false.
What could I do to make escape cancel the targeted cell only? I wish we could have cancelCell method (equivalent of cancelRow in inline mode).
Thx, Artur