I currently have a grid with an in-cell drop down for a customer. I saw that there is set navigation control, but can you customized it.
What I was looking for is when a user goes to edit a customer, then click the down arrow, which will commit the current customer --> go to the next record --> open up the drop down for the customer
thanks in advance
1 Answer, 1 is accepted
Hi John,
Each Kendo UI for Angular component has its own Keyboard Navigation shortcuts, which are applied once the component is focused. Here are the respective articles about the Grid and DropDownList components:
https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/keyboard-navigation/
https://www.telerik.com/kendo-angular-ui/components/grid/keyboard-navigation/
As we can see the DropDownList support arrow keys as built-in keyboard shortcuts that do specific things depending on the used combination.
If I understand you correctly after selecting the necessary item from the DropDownList and the popup is closed, the up and down arrow key should edit the cell which is placed above or below the currently edited cell (instead of changing the DropDownList value which is the default behavior when using arrows). Please correct me if I am wrong.
Indeed such implementation will interfere with the default up and down arrow shortcuts of the DropDownList. This makes it hard to accomplish the desired requirement since there is no built-in way to disable the arrow default function.
Here is an example where the down arrow key covers the mentioned requirements, but due to the default keyboard shortcut, before moving to the next cell, the value is changed:
https://stackblitz.com/edit/angular-zw34la-btth3u
Such type of implementations commonly relies on custom logic which needs to be further modified and adjusted by the developer in order to fit the exact project requirement. In this case, before closing the cell, the developer should modify the value based on that if an arrow key is pressed (to avoid selecting an inappropriate value when up/down arrow keys are used). However, this falls outside the scope of the support service.
What else I can suggest is to check the Progress Professional services which specialize in custom-tailored solutions and complete implementations. However, the service is separately paid and it was not included in any license as a benefit.
Regards,
Martin
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.