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

This demo work?

10 Answers 113 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Allin
Top achievements
Rank 1
Allin asked on 23 Oct 2013, 02:11 PM
Hi,

I trying to enabled KeyboardNavigation, KeyboadShortcuts and AllowSubmitOnEnter, but nothing fired event. 

My settings :

<ClientSettings AllowKeyboardNavigation="true">
    <Selecting AllowRowSelect="true"></Selecting>
    <KeyboardNavigationSettings EnableKeyboardShortcuts="true" AllowSubmitOnEnter="true" AllowActiveRowCycle="true"></KeyboardNavigationSettings>
</ClientSettings>


Surprise, this demo don't work too!
http://demos.telerik.com/aspnet-ajax/grid/examples/client/keyboardnavigation/defaultcs.aspx

I use Chrome and IE11, both don't work for my grid and demo site :
The keyboard navigation feature of Telerik RadGrid allows you to: 
  • Focus the grid through a user-specified key combination
  • Navigate through the grid records using the [UP/DOWN] arrow keys from the keyboard
  • Advance/return the pager through the [PAGE UP]/[PAGE DOWN] key
  • Select grid items pressing the [SPACE] key
  • Select multiple grid item using the [CTRL] and [SHIFT] keys
  • Insert a new item by hitting [CTRL] and [I] keys
  • Edit rows upon hitting the [ENTER] key
  • Update/insert rows upon hitting the [ENTER] key
  • Exit EDIT/INSERT mode upon hitting the [ESC] key
  • Expand/Collapse detail tables using the [Left Arrow] and [Right Arrow] keys

Help please.

10 Answers, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 28 Oct 2013, 12:33 PM
Hello Allin,

Please note that the grid should be focused in order to capture the key events and handle the active row accordingly. You can use the following approach to achieve this by default:
function pageLoad() {
    $find('<%= RadGrid1.ClientID %>').get_element().focus();
}

Can you please verify that the Keyboard Navigation demonstrated in the mentioned demo works correctly after the grid is clicked on?

Regards,
Eyup
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
Allin
Top achievements
Rank 1
answered on 28 Oct 2013, 01:18 PM
Hi Eyup,

For the demo : http://demos.telerik.com/aspnet-ajax/grid/examples/client/keyboardnavigation/defaultcs.aspx
The grid is focused correctly when i work with the demo and i see a orange rectangle around the grid and on the selected line, but, i just found someting. As I have not done an arrow, the arrow keys do not work properly. After an arrow to the right, for example in the grid, the Enter/Cancel works.

For my grid, is the same effect on my grid if i removed OnKeyPress handler and also OnCellSelected and CellSelectionMode="SingleCell" after focused my grid and use right arrow key, the Enter/Cancel works fine.

And also, when i in editMode and i press Enter, another Edit command is send by RadGrid and edit the first row of my grid and a need a Update command to save data.

Any workarround or settings for this?

Thank you.







0
Eyup
Telerik team
answered on 31 Oct 2013, 09:31 AM
Hello Allin,

Please open a support ticket to send us a sample runnable web site demonstrating the problematic behavior. Thus, we will be able to further analyze and debug the project and suggest a proper solution.

Thank you for your cooperation in advance.

Regards,
Eyup
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
Allin
Top achievements
Rank 1
answered on 31 Oct 2013, 12:42 PM
Hello Eyup,

I solved almost all issue, i removed OnCellSelected event handler and the NavigationKeys works well, except i must press a arrow key on keyboard to activate the real focus off the radGrid or double click on the row.

2 attachments show that when I do a simple click in the grid to give it focus, the line is dark and the keys do not work highlighted gray. If I do an arrow right or top, the color changes to a light gray and I have access to enter the key as to be in edit mode after.

I tried the javascript code to put focus on the the grid like you suggest and also i tried in code behind, no result.

After a PageDown or PageUp the focus is lost lost and the keyboards shortcuts don't work too.

P.S. Default skin for this radGrid.

How can put the focus into grid to have a real focus and keyboards shortcuts active?

ty
0
Eyup
Telerik team
answered on 05 Nov 2013, 11:54 AM
Hello Allin,

I have created a sample RadGrid web site to demonstrate an alternative approach. Can you please run the attached application and let me know if it helps you?

Regards,
Eyup
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
Gavin Lees
Top achievements
Rank 1
answered on 14 Nov 2013, 01:58 AM
Keyboard navigation is not working for me in IE 11 either.  I'm running IE 11 on Windows 7 64 bit enterprise and Rad controls for ASP.NET build 2013.3.1015.40.  When I click on a list item to select it, the up and down arrow scroll the browser window instead of moving the item selection highlight up and down.
0
Allin
Top achievements
Rank 1
answered on 14 Nov 2013, 02:09 PM
Exactly the same config for me.
0
Gavin Lees
Top achievements
Rank 1
answered on 14 Nov 2013, 08:46 PM
This morning, update 2013.3.1114.40 became available.  Installing this has resolved the issue from what I've observed so far.
0
surya
Top achievements
Rank 1
answered on 29 Jan 2016, 09:48 PM

Hi Telerik team,

Can you please clarify if this feature is available for 2013.2.717.40 version.

 

Thank you

0
Eyup
Telerik team
answered on 03 Feb 2016, 08:46 AM
Hi Surya,

I suggest that we continue our conversation on the following thread:
http://www.telerik.com/forums/keyboard-navigation-problem-for-radgrid

Regards,
Eyup
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
Grid
Asked by
Allin
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Allin
Top achievements
Rank 1
Gavin Lees
Top achievements
Rank 1
surya
Top achievements
Rank 1
Share this question
or