I am using Visual Studio 2012 ASP MVC with Kendo UI. 2014.1.528 professional.
I have a master grid on which I display summary information for the data model that can be edited. The detail template is a tabstrip with one or more tabs, each tab has a grid on it. These tab-grids display information from associated data records or additional information from the data model. On the associated records the grid has its own data source and transport and works fairly well. The grids that are extension of the data model display the data correctly and I can enter data into the field and that data is reflected in the data model.
The issue I am having is that the master grid seems to be intercepting the both the 'Tab' and 'Enter' keystrokes on the way down the event tree to the detail grid cells. Normal character keys enter data into the cells. When editing in either Master Grid Row or the Tab Grid Detail row the 'Enter' key is intercepted and toggles the expansion/collapse of the detail row.
When editing data in the Tab Grid Detail Row when the grid is display a portion of the data model and use the 'TAB' key with the intent of moving to the next column, The Master Grid intercepts this and collapses the detail row, and selects the header to the first column of the Master Grid. The edit is not lost because I still see the change after I expand the row again. If I use the mouse to move between fields I can get all the fields to update.
I have looked at this by trapping the keystrokes by binding .on(keydown, keyup, keypress) to the detail grids and halting execution with the debugger statement. How can I prevent the Master Grid from intercepting these keys so that they can be used in the detail?
I have a master grid on which I display summary information for the data model that can be edited. The detail template is a tabstrip with one or more tabs, each tab has a grid on it. These tab-grids display information from associated data records or additional information from the data model. On the associated records the grid has its own data source and transport and works fairly well. The grids that are extension of the data model display the data correctly and I can enter data into the field and that data is reflected in the data model.
The issue I am having is that the master grid seems to be intercepting the both the 'Tab' and 'Enter' keystrokes on the way down the event tree to the detail grid cells. Normal character keys enter data into the cells. When editing in either Master Grid Row or the Tab Grid Detail row the 'Enter' key is intercepted and toggles the expansion/collapse of the detail row.
When editing data in the Tab Grid Detail Row when the grid is display a portion of the data model and use the 'TAB' key with the intent of moving to the next column, The Master Grid intercepts this and collapses the detail row, and selects the header to the first column of the Master Grid. The edit is not lost because I still see the change after I expand the row again. If I use the mouse to move between fields I can get all the fields to update.
I have looked at this by trapping the keystrokes by binding .on(keydown, keyup, keypress) to the detail grids and halting execution with the debugger statement. How can I prevent the Master Grid from intercepting these keys so that they can be used in the detail?
1 Answer, 1 is accepted
0
Hi Dave,
I have tried to reproduce the issue in the following example:
http://dojo.telerik.com/OFEc
When I open the detail grid row for editing an tab to navigate between the different columns it works as expected and the enter key saves the record and does not collapse the grid. Did I miss something?
Regards,
Kiril Nikolov
Telerik
I have tried to reproduce the issue in the following example:
http://dojo.telerik.com/OFEc
When I open the detail grid row for editing an tab to navigate between the different columns it works as expected and the enter key saves the record and does not collapse the grid. Did I miss something?
Regards,
Kiril Nikolov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!