Hi,
I am using the WDG in one of my application. Application demand the navigation thru tab key.
Surprisingly when focus is on grid and user press the ‘Tab’ key, focus navigate to the scrollbar, if it is available and again the user press the ‘Tab’ key, focus navigate to the another control. It is not going to the Pagination panel.
I am using the default pagination property in my application.
Can anyone help me, how we can stop/navigate the pagination panel thru ‘Tab’ key?
Thanks & Regards,
Yogesh Shah
Hello Yogesh,
Thank you for your post!
I have create a sample where on tab press you iterate through WebDataGrid pages. The specific here is that, when you press tab, you will lose the focus of the grid and will continue to the next control on the page (or to the scrollbar of the grid), so in order to skip that I just cancel the event, after I'm finished with the active page changing.
Code snippet:
If you have any further questions do not hesitate to contact me!
Thanks for your replay.
We wants to have cursor focus on the pagination panel and all the page numbers one by one when user press the tab key. We do not want to navigate to the another page while pressing the tab.
Thanks
Hello,
I have found article that demonstrates how to implement a WebDataGrid custom pager with the following feautures:
I hope you will find it helpful
http://ko.infragistics.com/community/groups/aspnet/wiki/learn-to-build-a-webdatagrid-custom-pager.aspx
As of now, we are not in position to use Custom Paging Template as it will impacting in our entire application.
We want to make our application compatible with another third party tool and that tools understood only 'Tab' key. In our standard pagination we have only 'Span' tag, instead of 'A HREF' tag, so 'Tab' key does not navigate there.
I am still working on this issue.
Thanks,
I'm just checking if there is anything that I could help you with.
You could get the pagination panel with jQuery selector. There is unique css clas ".igg_Pager", and after you get the pager element you can get its child's. See the code snipped:
Although my suggestion is to use Custom Pager Template, and when you create this template you can access its custom buttons (Next and Prevs and so on) and focus on them. See the reference that is demonstrating how to configure custom pager appearance using the pager's template.
Useful reference:
Using Custom Paging Template
Looking forward to hearing from you!