how to set tab index only in radgrid edit item template

[Dhamodharan]

Hi,

I have using radgrid in my application. when i clicked edit button i have set tab index to first control in edit template like (textbox). and also tab index align also fine. tab index going update and cancel. it is fine. then i clicked tab it will go to again text box like only with in edit item template.

how to set tab index with edit item template.

I have attached image please help me.

Thanks,
Dhamu.

[Princy]

Hello Dhamu,

Here is a sample code snippet which shows how to achieve this.
ASPX:

<Columns>
    <telerik:GridEditCommandColumn UniqueName="EditCommandColumn">
    </telerik:GridEditCommandColumn>
    <telerik:GridTemplateColumn>
        <ItemTemplate>
            <asp:Label ID="Label1" runat="server" Text='<%#Eval("EmployeeID") %>'></asp:Label>
        </ItemTemplate>
        <EditItemTemplate>
            txt1:
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </EditItemTemplate>
    </telerik:GridTemplateColumn>
    <telerik:GridTemplateColumn>
        <ItemTemplate>
            <asp:Label ID="Label2" runat="server" Text='<%#Eval("FirstName") %>'></asp:Label>
        </ItemTemplate>
        <EditItemTemplate>
            txt2:
            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
        </EditItemTemplate>
    </telerik:GridTemplateColumn>
</Columns>

C#:

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
    {
        if (e.Item is GridEditFormItem && e.Item.IsInEditMode)
        {
            GridEditFormItem item = e.Item as GridEditFormItem;
            TextBox txtbox = (TextBox)item.FindControl("TextBox1");
            txtbox.Focus();
            LinkButton btnCancel = (LinkButton)item.FindControl("CancelButton");
            btnCancel.Attributes.Add("onkeydown", "test('"+txtbox.ClientID+"');");
        }
    }

Java Script:

<script type="text/javascript">
        var txtbox;
        function test(txtboxID) {
            txtbox = document.getElementById(txtboxID);
            setTimeout("txtbox.focus();", 200);
         }
    </script>

Thanks,
Princy.

[Dhamodharan]

Thank you so much.

It is working fine.


Thanks,
Dhamu