Is it possible to have an embedded igx-combo within and igx-grid control. My users want a grid where they can edit data but have drop downs in certain cells to select from.
Thanks,
JK
Hello JK,
The scenario that you have described could be achieved with both igxCombo and igxDropDown. My personal favorite is the igxDropDown approach, it is easy to implement and it won't need so much additional configurations for value submission.
Below you will find samples for both implementations:
- igxGrid with igxCombo editor
- igxGrid with igxDropDown editor
Is there a way to get keyboard control in the dropdowns? In both samples the mouse is needed to open the list/select from it.
Yes, there is. I've updated the drop-down sample to show how to navigate through dropdown items with (keydown.ArrowDown) click when the cell is in edit mode.
Steps:
1.Enter edit mode either directly with "Reorder Level" column, or from any other column (and use tab to navigate to Reorder LeveL)
2. Press Arrow Down Keyboard button
3. The dropdown is opened
4. Use Arrow Down/Up to navigate through the items
5. Use enter to select and submit the selected item
All of the above is achievable by adding a small amount of custom code, along with igxFocus directive usage in the input element.
Code (ts):