Hi
I am using WebDataGrid / WebHierarchicalDataGrid within Infragistics45.Web.v19.2 assembly.
I am unable to access the editable cells inside the grid through the keyboard.
When the page loads, and I keep pressing tab, the focus never gets set on the editable cells. However, if I click on any cell inside the grid, and then tab, the editable cells receive focus and can be edited.
I have enabled activation, and set EnableOnActive for EditModeActions to true, as in the code below:
<igtbl2:EditingCore BatchUpdating="true"> <Behaviors> <igtbl2:CellEditing EditModeActions-MouseClick="Single" EditModeActions-EnableF2="true" EditModeActions-EnableOnActive="true" EditModeActions-EnableOnKeyPress="true" Enabled="true" CellEditingClientEvents-EnteringEditMode="WgSyndication_CellEdit"> </igtbl2:CellEditing> </Behaviors> </igtbl2:EditingCore> <igtbl2:Activation Enabled="true"> </igtbl2:Activation>
Hello Aliasgar,
I have prepared a sample, demonstrating cells entering edit mode by keyboard navigation. Pressing “Tab” navigates to the next cell, “Shift”+”Tab” to the previous cell, “Enter” exits edit mode and if it is pressed again, navigates to the cell in the next row. When the page loads “Tab” should be pressed twice – the first time the grid is on focus, on the second press the focus is on the first cell. The definition of the grid looks the following way:
<ig:WebDataGrid ID="wdg" runat="server" Height="350px" Width="400px">
<Behaviors>
<ig:Activation Enabled="true">
</ig:Activation>
<ig:EditingCore BatchUpdating="True">
<ig:CellEditing>
<EditModeActions EnableOnActive="True" EnableOnKeyPress="True" MouseClick="Single" />
</ig:CellEditing>
</Behaviors>
</ig:EditingCore>
</ig:WebDataGrid>
Below I am attaching a sample demonstrating how this could be achieved in both WebDataGrid and WebHierarchicalDataGrid. Please test it on your side and let me know if you need additional information regarding this matter.
Regards,
Monika Kirkova,
Infragistics
WebDataGridKeyboardNavigation.zip
Hello Monika,
The sample provided by you works fine. However, keyboard accessibility doesn't work when I add a summary row with the ShowSummariesButtons property set to false.
<ig:WebDataGrid ID="wdg" runat="server" Height="350px" Width="400px"> <Behaviors> <ig:Activation Enabled="true"> </ig:Activation> <ig:EditingCore BatchUpdating="True"> <Behaviors> <ig:CellEditing> <EditModeActions EnableOnActive="True" EnableOnKeyPress="True" MouseClick="Single" /> </ig:CellEditing> </Behaviors> </ig:EditingCore> <ig:SummaryRow ShowSummariesButtons="false"></igtbl2:SummaryRow> </Behaviors> </ig:WebDataGrid>
I have created a private support case for you. This support case has an ID of CAS-207890-J8S5R0 and you can access it after signing into your account on the Infragistics website at https://ko.infragistics.com/my-account/support-activity. I will continue assisting you in the private case.