Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
490
Cell edit mode tab to next field
posted

Is there a built-in way to enable cell edit mode and allow the user to hit tab to cause the next grid field to go into edit? I am trying to avoid having to manually handle the tab to endedit and put the next cell into edit.

Thanks,

Steve

Parents
  • 24497
    Verified Answer
    posted

    Hi Steve,

    When igGrid updating has editMode:"row" (default setting) and a cell in a row is in edit mode, then on Tab key the next cell on the right should get focus. If it is last cell in row, then Cancel/Done buttons should get focus. The Tab+Shift should reverse order of focus.
    When igGrid updating has editMode:"cell", then on Tab key the next cell on right should get focus and edit mode and on Enter key the next row with same column should get focus. When focus cell is at last column in row, then on Tab key the first column in next row should get focus. The Tab+Shift reverses order.

    I tested following sample (you may copy/paste that into body of any html which has js and css resources of igGrid):

    <table id="grid2"></table>
    <script type="text/javascript">
    $(function () {
     $("#grid2").igGrid({
      autoGenerateColumns: true,
      width: 300,
      height: 300,
      features: [{
       editMode: 'cell',
       name: 'Updating'
      }],
      dataSource: [{col1:1, col2:2}, {col1:11, col2:22}, {col1:111, col2:222}]
     });
    });
    </script>

    If you refer to something different, then please give more details or simple codes to reproduce.

Reply Children
No Data