[CLOSED] Navigate Grid with Arrow Keys

  1. #1

    [CLOSED] Navigate Grid with Arrow Keys

    I know when a grid is in edit mode, you can hit <enter> to go down a row, <shift> + <enter> to go up, <tab> to move right, and <shift>+<tab> to move left...

    Is there anyway replace these with the arrow keys? So, Have some sort of key press event, capture "<" and send <shift>+<tab> event?
    Last edited by Daniil; Jan 04, 2012 at 6:54 PM. Reason: [CLOSED]
  2. #2
    Hi,

    Please look at the onEditorKey function of RowSelectionModel or CellSelectionModel (according to one that you really use).
    http://docs.sencha.com/ext-js/3-4/so...SelectionModel

    I would recommend to override/extend it with your keys.
  3. #3
    I guess my question is how do I do that override?
  4. #4
    I can suggest the following way.

    Example
    <script type="text/javascript">
        var myOnEditorKey = function () {
            //the code
        };
    </script>
    
    <ext:GridPanel runat="server">
        ...
        <SelectionModel>
            <ext:RowSelectionModel runat="server">
                <CustomConfig>
                    <ext:ConfigItem Name="onEditorKey" Value="myOnEditorKey" Mode="Raw" />
                </CustomConfig>
            </ext:RowSelectionModel>
        </SelectionModel>
    </ext:GridPanel>

Similar Threads

  1. [CLOSED] Navigate to a page on a grid using the page number
    By optibase in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Aug 06, 2012, 6:47 PM
  2. Replies: 1
    Last Post: Jan 25, 2012, 9:14 AM
  3. Replies: 0
    Last Post: Sep 08, 2011, 10:59 AM
  4. [CLOSED] scroll through grid with up-down keys
    By CarWise in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Oct 04, 2010, 2:09 PM
  5. Replies: 1
    Last Post: Mar 19, 2010, 9:35 PM

Posting Permissions