Answers

• colin Posts: 15,240Questions: 1Answers: 2,599

  February 2022

  You can also submit on blur - see example here - that would cover both the clicking away and tabbing out of the edited cell.

  Colin
• henry2021 Posts: 13Questions: 1Answers: 0

  February 2022

  Hi Colin, thanks a lot for your reply. Following the suggested example I've tested with the onBlur function:

  $('#MyDatatable').on('click', 'tbody td:not(:first-child)', function (e) {
          editor.inline(this, {
              onBlur: 'submit'
          });
      });
  

  I was able to verify this behavior :
  1) if I insert a number in a cell and then I click outside the datatable rows it works fine
  2) if I insert a number in a cell and then I click in another cell inside the grid datatable the first value is updated correctly but the "Processing..." label is not closed. From here I cannot update other cells.
  3) With tabbing out the cell grid cannot be updated. Server validation is not called.

  Thanks again for your help.
• colin Posts: 15,240Questions: 1Answers: 2,599

  February 2022

  That's not happening in the example I linked to, so it must be something you've added with your customisations. Could you post your code, please, or update this example to demonstrate the issue,

  Colin
• henry2021 Posts: 13Questions: 1Answers: 0

  February 2022

  ok I will try to publish as soon as possible a simplified version of my code that let you investigate my use case scenario.

  Enrico.
• henry2021 Posts: 13Questions: 1Answers: 0

  February 2022

  Hi Colin,
  I've just published a simple project that reproduces the issue I reported few days ago.

  You can check it at this link http://tfservice.sysemtech.com/

  From this example If you enter a digit in one of the green cell and then you click in another cell that is not colored it works as expected. Also with carriage return the value of the cell is correctly updated.

  If you enter a digit in one of the green cell and then you click in the other cell that has green color you can verify the issue I've reported.

  Thanks for your patience.

  Enrico.
• allan Posts: 63,516Questions: 1Answers: 10,472 Site admin

  February 2022 Answer ✓

  Hi Enrico,

  editor.inline(this, {

  Is the problem I believe. Since you are using server-side processing, you need to use:

  editor.inline( table.cell(this).index(), {
  

  See this example.

  Allan
• henry2021 Posts: 13Questions: 1Answers: 0

  February 2022

  Ok, I will test with the new suggestion today, and I will report if this can resolve.

  Thanks.
• henry2021 Posts: 13Questions: 1Answers: 0

  February 2022

  Thank you Allan. With this code the issue is resolved.

  editor.inline( table.cell(this).index(), {