Hi,
On the grid, how do I go about starting edit mode on the selected cell in normal edit mode?
I currently have the following in my load event:
function load(args) {
var gridObj = document.getElementById('TheGridGrid1').ej2_instances[0];
gridObj.element.addEventListener('mouseup', function (e) {
if (e.target.classList.contains("e-rowcell")) {
if (gridObj.isEdit) {
gridObj.endEdit();
}
var index = parseInt(e.target.getAttribute("Index"));
gridObj.selectRow(index);
var cellIndex = parseInt(e.target.getAttribute('aria-colindex'));
gridObj.selectCell(cellIndex);
gridObj.startEdit();
}
});
}
But when I click on the cell I want to edit, It always jumps back to the first editable cell and not the selected cell (the one I click on).
|
var cellIndex;
function load(args) {
var gridObj = document.getElementById('Grid').ej2_instances[0];
gridObj.element.addEventListener('mouseup', function (e) {
if (e.target.classList.contains('e-rowcell')) {
. . .
cellIndex = parseInt(e.target.getAttribute('aria-colindex'));
. . .
}
});
}
function actionComplete(args) {
if (args.requestType === 'beginEdit') {
//'Grid' is Grid element id
args.form.elements['Grid' + gridObj.getColumnByIndex(cellIndex).field].focus();
}
}
|
Thank you. This is exactly what I was looking for
