Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Adeeb Misba
15
Unable to Navigate Pagination Buttons Through Keyboard Tab and Unable to perform Keyboard Enter action on Pagination Buttons
posted

Hi,

I am using WebDataGrid within Infragistics45.Web.v19.2 assembly.

I am unable to move next or previous page through the keyboard tab and I am Unable to Load the records when clicking on Keyboard Enter on specific pagination button.

To say in simple, Pagination Focus, Pagination Enter has to work.

For Example, see the below Image

After performing search, when we click on tab, the focus should go to the links inside the grid. once it is done, focus has to go pagination.

In Pagination, Keyboard enter has to work. 

Once the records are loaded on keyboard enter, when user clicks on tab, focus again should move to inside the links of the gird.

Below is the Code of grid and Pagination

Could You please provide the solution on this

Thanks

Adeeb Misba

 

Parents
No Data
Reply
  • 1320
    Verified Answer
    Offline posted

    Hello Adeeb,

    After investigating this further, I determined the pages of the grid could be iterated using keyboard navigation by pressing for example “Shift”. This could be achieved by binding a method to the keydown event the following way:

    <ig:WebDataGrid ID="wdg" runat="server" Height="350px" Width="400px">

                    <ClientEvents KeyDown="KeyDown" />

    . . .

    </ig:WebDataGrid>

    <script type="text/javascript">

        function KeyDown(sender, eventArgs) {

            var keyCode = eventArgs.get_browserEvent().keyCode;

            if (keyCode == 16) {

                 var pagingBehavior = sender.get_behaviors().get_paging();

                 if (pagingBehavior.get_pageIndex() == pagingBehavior.get_pageCount() - 1) {                   

                       pagingBehavior.set_pageIndex(0);

                } else {

                       pagingBehavior.set_pageIndex(pagingBehavior.get_pageIndex() + 1);                  

                    }         

            }

    </script>

    Please test it on your side and let me know if you need additional information regarding this matter.

    Regards,

    Monika Kirkova,

    Infragistics

Children