I have a datagrid with a master detail view setup. Consider http://jsfiddle.net/fwx0ocg0/4/
Issue 1: In IE 11 (not other browsers)
When you add a new row in the details view and move to Priority or Subject, if the box does not get focus, neither the rowUpdating nor rowUpdated field receives the data the user saved. Basically data is lost - see attached video if this explanation is not clear.
Issue 2:
The master row displays information about the latest detail grid using a lookup. Now when I add a new row on the details, this may cause the master row to change. How do I refresh just the single row on the master grid?
to reporoduce use the example at http://jsfiddle.net/fwx0ocg0/4/
- John Heart starts off with Resolution Status = "completed" - now add a new task. Since I've set up the rowInserted to
rowInserted: function(e) {
currentEmployeeData.lastTaskId=123;
currentEmployeeData.lastTaskComp=20;
}
and 20 maps to "started" I expect John Heart to now have Resolution Status ="started". this does not happen unless I collapse the detail grid - when the row updates.
Hi Tejal,
Here are my comments:
1. I was not able to reproduce the issue. See the attached video.
See also:
dxDataGrid - Provide the capability to navigate between cells using the Tab and Shift+Tab keys
I am sorry that the issue is hard to reproduce. I am going help to narrow down the instructions to help with the repro.
In the fiddle example (http://jsfiddle.net/fwx0ocg0/4/) in IE11, each single-click in the text box toggles the cell highlighting. Yet, the text cursor remains even when the box is not selected. Text added when the box is not selected is not saved.
FF and Iron keep the text box selected with each click.
a. Box is selected, cursor is visible
b. Type, “The Cat”
a. Box is *NOT* selected, cursor is visible
b. Type, “ and the Hat”
a. “Subject” text is saved as “The Cat”
Here is another approach with a movie that show the selection/cursor/focus issue that I am talking about.
http://js.devexpress.com/Demos/WidgetsGallery/#demo/datagridgridmaster-detailmasterdetailssimple/generic/light/default
Update the code to this and click apply to test:
$("#gridContainer").dxDataGrid({
dataSource: {
store: {
type: 'array',
key: 'ID',
data: employees
}
},
columns: [{
dataField: 'Prefix',
caption: 'Title',
width: 70
},
'FirstName',
'LastName', {
dataField: 'Position',
width: 170
}, {
dataField: 'State',
width: 125
}, {
dataField: 'BirthDate',
dataType: 'date'
}
],
masterDetail: {
enabled: true,
template: function(container, options) {
var currentEmployeeData = employees[options.key - 1];
container.addClass("internal-grid-container");
$("<div>").text(currentEmployeeData.FirstName + " " + currentEmployeeData.LastName + " Tasks:").appendTo(container);
$('<div>')
.addClass("internal-grid")
.dxDataGrid({
columnAutoWidth: true,
columns: ['Subject', {
dataField: 'StartDate',
dataType: 'date'
}, {
dataField: 'DueDate',
dataType: 'date'
}, 'Priority', {
caption: 'Completed',
dataType: 'boolean',
calculateCellValue: function(rowData) {
return rowData.Status == 'Completed';
}
}],
dataSource: currentEmployeeData.Tasks,
editing: {
editMode: 'row',
insertEnabled: true
},
columnChooser: { enabled: true },
columnAutoWidth: true,
allowColumnReordering: true,
allowColumnResizing: true,
allowColumnDragging: true,
sorting: { mode: 'multiple' },
groupPanel: { visible: true, emptyPanelText: 'Drag a column header here to group grid records' },
scrolling: { mode: 'standard' },
selection: { mode: 'single' }
}).appendTo(container);
}
}
});
Tejal,
I was not able to reproduce the issue related to data insertion. When I click an editable cell, the focused frame is hidden and focus disappears. I cannot type anything in this cell. dxDataGrid should not hide the focused frame when an editable cell is clicked. We are going to research this issue in the context of the dxDataGrid hides the focused frame in an editable cell when the cell is clicked in IE11 ticket. We will update this ticket when we have any news.
the bugReport and bugRepro videos should show focus disappearing on click within a selected cell with the cursor still remaining. I hope you can reproduce the issue. We are able to consistently reproduce this across multiple members of the team.
Tejal,
I have performed exactly the same steps and was not able to reproduce this behavior.