How To set tab index of telerik rad grid in edit mode

[Sunny]

Hello Team,

                          Currently i am using  Telerik rad grid in my project and i am facing some problem during edit time and problem is that i want to give tab indexing to my text boxes so that tab indexing should be from left to right and vice versa and currently first it is working only for left side and after that right side as i have attached screen shot that's my need so please revert me soon i am waiting of your reply...


Thanks & Regards,
Sunny

[Jayesh Goyani]

Hello,

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
   {
       dynamic data1 = new[] {
             new { ID = 1, Name ="Name_1"},
             new { ID = 2, Name = "Name_2"},
             new { ID = 3, Name = "Name_1"},
             new { ID = 4, Name = "Name_4"},
             new { ID = 5, Name = "Name_1"}
         };
       RadGrid1.DataSource = data1;
   }





   protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
   {
       if (e.Item.IsInEditMode && e.Item is GridEditableItem)
       {
           GridEditableItem item = e.Item as GridEditableItem;
           TextBox txtID = item["ID"].Controls[0] as TextBox;
           TextBox txtName = item["Name"].Controls[0] as TextBox;
           LinkButton updateButton = (LinkButton)item.FindControl("UpdateButton");
           LinkButton CancelUpdateButton = (LinkButton)item.FindControl("CancelButton");
           //PerformInsertButton : for insert button in Insert mode

           txtName.Focus();
           txtName.TabIndex = 10;
           txtID.TabIndex = 11;
           updateButton.TabIndex = 12;
           CancelUpdateButton.TabIndex = 13;

       }
   }

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" OnNeedDataSource="RadGrid1_NeedDataSource"
    OnItemDataBound="RadGrid1_ItemDataBound">
    <MasterTableView>
        <Columns>
            <telerik:GridBoundColumn DataField="ID" UniqueName="ID" HeaderText="ID">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Name" UniqueName="Name" HeaderText="Name">
            </telerik:GridBoundColumn>
            <telerik:GridEditCommandColumn>
            </telerik:GridEditCommandColumn>
        </Columns>
    </MasterTableView>
</telerik:RadGrid>

Thanks,
Jayesh Goyani

[Malkiat]

Thanks   (Jayesh Goyani) its working

[Narsareddy]

Hi jayesh,

Currently i am using telerik rad grid view.
How to set tab index of telerik rad grid in records but i am facing some problems not added tab index rad grid view items only
hyperlink is working.
as i have attached screen shot that's my need so please revert me soon i am waiting of your reply...

[Jayesh Goyani]

Hello,

We are generally use tabindex in Button,hyperlink,TextBox,RadioButton,ChakckBox..etc. Because this type of controls is want any type of action from user.

You want to Tabindex in span tag/text in your page. 

Let me know still you want this type of functionality.

Note :-  Let me know if i am not understand your question.

Thanks,
Jayesh Goyani

[Narsareddy]

For ADA compliance , we need to be able to browse through all the cells in the grid so that screen reader can read the data in each cell.

We are using bound fields and template fields

Issue is that the tab does not work for bound fields, it works only for the link button fields.

How can the tabbing be enabled for bound field as the same is required for ADA compliance.

How to add Tab index grid items  ex:ayush kare and careteam member.
but [e-mail] it is working

[Jayesh Goyani]

Hello,

Please try with the below code snippet.

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" OnNeedDataSource="RadGrid1_NeedDataSource"
        OnItemDataBound="RadGrid1_ItemDataBound">
        <MasterTableView DataKeyNames="ID">
            <Columns>
                <telerik:GridTemplateColumn>
                    <ItemTemplate>
                        <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Default.aspx">Click here to see file</asp:HyperLink>
                    </ItemTemplate>
                </telerik:GridTemplateColumn>
                <telerik:GridBoundColumn DataField="ID" UniqueName="ID" HeaderText="ID">
                </telerik:GridBoundColumn>
                <telerik:GridTemplateColumn>
                    <ItemTemplate>
                        <asp:Label ID="Label1" runat="server" Text='<%# Eval("Name") %>'></asp:Label>
                    </ItemTemplate>
                </telerik:GridTemplateColumn>
            </Columns>
        </MasterTableView>
    </telerik:RadGrid>

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
{
    dynamic data1 = new[] {
           new { ID = 1, Name ="Name_1"},
           new { ID = 2, Name = "Name_2"},
           new { ID = 3, Name = "Name_3"},
           new { ID = 4, Name = "Name_4"},
           new { ID = 5, Name = "Name_5"}
       };

    RadGrid1.DataSource = data1;
}

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
{
    if (e.Item is GridDataItem)
    {
        GridDataItem item = e.Item as GridDataItem;
        HyperLink HyperLink1 = item.FindControl("HyperLink1") as HyperLink;
        Label Label1 = item.FindControl("Label1") as Label;

        HyperLink1.TabIndex = (short)((item.ItemIndex * 10) + 1);
        item["ID"].TabIndex = (short)((item.ItemIndex * 10) + 2);
        Label1.TabIndex = (short)((item.ItemIndex * 10) + 3);
    }
}

Thanks,
Jayesh Goyani

[Srikant]

Hi,
I am having 2 rad grid, which we have create dynamically in server side, now custome want when he will select a row in first Grid then it should be sink with second grid and same index row will select. do have any solution to any body , please post ur code.

srikant 

[Jayesh Goyani]

Hello Srikant,

Have you resolved this issue?

Thanks,
Jayesh Goyani

[Eyup]

Hello,

This can be achieved either on client-side:
http://www.telerik.com/help/aspnet-ajax/grid-onrowselected.html

Or on server-side:
http://www.telerik.com/help/aspnet-ajax/grid-postback-on-client-row-click.html

Hope this helps.

Regards,
Eyup
Telerik