Frozen column not functional when traversing the grid using Tab Button

[gaurav]

Hi

I'm facing a problem with radgrid while using frozen column.

Frozen column works fine when used with horizontal scroll bar, but when i traverse the grid using Tab button (through keyboard) the frozen column doesn't works also the scroll bar position remains fixed.

Any help in this regard would be highly appreciated.

Thanks
Gaurav

[Konstantin Petkov]

Hi gaurav,

I have to admit about this issue appearing with the frozen columns feature. I have logged in into our bug-tracking system and we will investigate and resolve the problem in a future version of the product.

Thank you for notifying us about that. I have updated your Telerik points.

Greetings,
Konstantin Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Ibrahim Imam]

hello,

i am having the same issue now. is there already a bugfix or a suitable workaround available?

kind regards

[Dimo]

Hi Ibrahim,

The implementation of the frozen columns feature is quite complex and one limitation is that the tabbing problem cannot be prevented, unless you catch the KeyDown events inside the RadGrid control and cancel all Tab key presses. Sorry for the inconvenience.

ASPX

<telerik:RadGrid  onkeydown="mykeydown(event)"  />

Javascript

function mykeydown(e)
{
    if (e.keyCode && e.keyCode == 9)
        return false;
}


Regards,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Charles]

after 5 years, no fix?

[Charles]

Had no effect on the problem with tabbing across a grid. Who inputs into a grid by not tabbing across? Seems like you could build some fix for this into your control.

[Pavlina]

Hello Charles,

We understand your point of view very well, but there is no fix for this limitation yet. We have already planned a research which will help us to change the frozen columns logic, so they can work when tabbing across cells and fix the limitations that this functionality has.

Regards,
Pavlina
Telerik

[Sumit]

Hello Charles,

You can fix this problem by using the following work around.

1. Add the Javascript event to each control on RadGrid in edit mode on radgrid ItemDataBound event
    e.g.  TextBox txt = (e.Item as GridDataItem)["ColumnName"].Controls[0] as TextBox;
                if (txt != null)
                {
                    txt.Attributes.Add("onKeyDown", "return tabKeypress(event);");
                }
2. Write a Javascript Function to move the scrollbar 
   e.g.          function tabKeypress(e) {
                           if (e.keyCode == 9) {  //KeyCode 9 is for tab
                   $("#rad_Frozen").scrollLeft($("#rad_Frozen").scrollLeft()+20);                
                  }
            }
       // in above code  value 20 is dependent on the average size of each column so that you can move the scroll
      // if you want to move to the left then just minus the amount - 20
     // rad_Frozen is outer div created by rad grid for frozen column

This may solve your issue.


Regards/-
Sumit Jambhale
SYONSOFT

[Prasanna]

HI,
    I have tried the above solution. It didn't works.
Is there any update in telerik for this issue or any other solution...

Please reply asap

Thanks

[Dhamodharan]

Hi Sumit,

I am using GridTemplateColumn into grid using tabKeypress event.

 <telerik:GridTemplateColumn DataField="interface_pty_num" SortExpression="interface_pty_num"
                                    UniqueName="InterfacePtyNum" HeaderStyle-VerticalAlign="Top" HeaderText="Interface Pty Num"
                                    HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" HeaderStyle-Wrap="true"
                                    HeaderStyle-Width="125px">
                                    <ItemTemplate>
                                        <asp:Label ID="lblRepLocInterfacePtyNum" runat="server" Text='<%# Eval("interface_pty_num") %>'
                                            SkinID="No Bold"></asp:Label>
                                    </ItemTemplate>
                                    <EditItemTemplate>
                                        <telerik:RadTextBox ID="rtbRepLocInterfacePtyNum" runat="server" Text='<%# Bind("interface_pty_num") %>' onKeyDown="return tabKeypress(event);"
                                            MaxLength="40" Width="90%">
                                        </telerik:RadTextBox>
                                    </EditItemTemplate>
                                </telerik:GridTemplateColumn>

In JavaScript

function tabKeypress(e) {
                if (e.keyCode == 9) {  //KeyCode 9 is for tab
                    $("#rad_Frozen").scrollLeft(500 + 20);            
            }

But $("#rad_Frozen").scrollLeft is not working. i need to implement this functionality. please help ASAP.

Thanks in Advance,
Dhamu

[Pavlina]

Hello,

I suggest you try the solution provided in the forum thread below by my colleague Galin:
http://www.telerik.com/forums/freezing-edit-update-cancel-in-radgrid

Regards,
Pavlina
Telerik