This is a migrated thread and some comments may be shown as answers.

508 issue with Radgrid pagination ( tab order incorrect)

3 Answers 47 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Wei
Top achievements
Rank 1
Wei asked on 10 Mar 2011, 07:30 PM
Hi,

Another issue found by our 508 team for radgrid table with pagination. When user tab through it, after the tab of the last column header of radgrid, it should goes to the 1st checkbox inside the radgrid table ( 1st row of the radgrid data table has checkbox), but instead, it come to the 1st link of pagination portion. The tab order is incorrect.

Is there any way to address it?

Thanks,
Wei

3 Answers, 1 is accepted

Sort by
0
Maria Ilieva
Telerik team
answered on 15 Mar 2011, 04:56 PM
Hi Wei,

The mentioned behavior is actually expected for the RadGrid table. In the rendered HTML it is firstly rendered thead, after that tfoot( in which footer is the pager item) and after that the tbody element. Therefore the tabbing order will appear exactly in the way you described. This is the RadGrid table structure and we are not planning any changes on it.


All the best,
Maria Ilieva
the Telerik team

Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
0
reidfenn
Top achievements
Rank 1
answered on 27 Apr 2012, 05:38 PM
Hi,
Do you have any sample client-side code to manually move the focus to the desired elements?
Thank you
0
Princy
Top achievements
Rank 2
answered on 08 May 2012, 03:33 PM
Hi,

Please take a look into the following Javascript which set focus on TextBox in ItemTemplate on an external button click.

Javascript:
<script type="text/javascript">
    function OnClientClick()
    {
        var master = $find("<%=RadGrid1.ClientID %>").get_masterTableView();
        var row = master.get_dataItems()[0]; //accessing the 0th index row
        var txtbox = row.findElement("TextBox1"); //accessing TextBox in ItemTemplate
        txtbox.focus();  
    }
</script>

Thanks,
Princy.
Tags
Grid
Asked by
Wei
Top achievements
Rank 1
Answers by
Maria Ilieva
Telerik team
reidfenn
Top achievements
Rank 1
Princy
Top achievements
Rank 2
Share this question
or