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

Frozen column not functional when traversing the grid using Tab Button

10 Answers 114 Views
Grid
This is a migrated thread and some comments may be shown as answers.
gaurav
Top achievements
Rank 1
gaurav asked on 02 May 2008, 07:56 AM
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

10 Answers, 1 is accepted

Sort by
0
Konstantin Petkov
Telerik team
answered on 05 May 2008, 10:38 AM
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
0
Ibrahim Imam
Top achievements
Rank 1
answered on 11 Sep 2009, 01:02 PM
hello,

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

kind regards
0
Dimo
Telerik team
answered on 11 Sep 2009, 02:40 PM
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.
0
Charles
Top achievements
Rank 1
answered on 02 Jul 2013, 01:10 PM
after 5 years, no fix?
0
Charles
Top achievements
Rank 1
answered on 02 Jul 2013, 01:16 PM
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.
0
Pavlina
Telerik team
answered on 04 Jul 2013, 02:55 PM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Sumit
Top achievements
Rank 1
answered on 07 Aug 2013, 07:26 AM
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






0
Prasanna
Top achievements
Rank 1
answered on 27 Oct 2014, 03:40 PM
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
0
Dhamodharan
Top achievements
Rank 1
answered on 07 Nov 2014, 04:24 AM
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
0
Pavlina
Telerik team
answered on 10 Nov 2014, 03:34 PM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Grid
Asked by
gaurav
Top achievements
Rank 1
Answers by
Konstantin Petkov
Telerik team
Ibrahim Imam
Top achievements
Rank 1
Dimo
Telerik team
Charles
Top achievements
Rank 1
Pavlina
Telerik team
Sumit
Top achievements
Rank 1
Prasanna
Top achievements
Rank 1
Dhamodharan
Top achievements
Rank 1
Share this question
or