Results 1 to 5 of 5

Thread: When tabbing in Celling Editing Grid Skip Action column

  1. #1
    Sencha User
    Join Date
    Dec 2009
    Posts
    57
    Vote Rating
    0
      0  

    Default When tabbing in Celling Editing Grid Skip Action column

    I setup a grid through architect, similar to the example "Cell Editing Grid Example", but when I tab from an editable column to the next column and that column is the action column, it highlights the action column instead of skipping to the next editable column. Is there some trick to this I am missing? I looked at the source cell-editing.js and I can't figure out what make the tab skip over the action column.

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3932
    Vote Rating
    1272
      0  

    Default

    What Ext JS 4 version are you using? In 4.1 it should skip over the action column.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Dec 2009
    Posts
    57
    Vote Rating
    0
      0  

    Default

    4.0.7

    The vendor we use to license ExtJS is still on 4.0.7 not 4.1 yet.

  4. #4
    Ext Premium Member yyogev's Avatar
    Join Date
    Jun 2009
    Location
    Shoham, Israel
    Posts
    196
    Answers
    5
    Vote Rating
    6
      0  

    Exclamation Doesn't work in 4.1.1

    Hi,

    The code in the cell editor plugin handles the tab by looking for the next editable field, so the action column is skipped. In my grid, the action column is rightmost, so the tab from the field to its left jumps to the first column on the following row.
    This looks like a bug to me.

    Code:
    
    onEditorTab: function(editingPlugin, e) {       
      var me = this,
                view = me.views[0],
                record = editingPlugin.getActiveRecord(),
                header = editingPlugin.getActiveColumn(),
                position = view.getPosition(record, header),
                direction = e.shiftKey ? 'left' : 'right';
    
    
       do {
                position  = view.walkCells(position, direction, e, me.preventWrap);
      } while(position && !view.headerCt.getHeaderAtIndex(position.column).getEditor());
    
      if (position) {
                editingPlugin.startEditByPosition(position);
      }
        
    },
    Last edited by yyogev; 16 Jul 2012 at 3:54 AM. Reason: reformat code
    Yaron Yogev

    IT Software Developer

  5. #5
    Sencha User
    Join Date
    Dec 2009
    Posts
    57
    Vote Rating
    0
      0  

    Default

    We just put on 4.1.1 from our vendor and tabbing does appear to work now.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •