Replies

• allan Posts: 65,366Questions: 1Answers: 10,845 Site admin

  November 17

  Hi Ilja,

  You can continue in the old thread if you want - I'd see it just the same.

  I'm seeing some similar issues in this example if I pop open the console and run:

  var table = $('#example').DataTable().on('click', 'tbody td:last-child', function (e) {
      table.editor().inline(this, 'permission[].id');
  }); 
  

  I'll need to look into that - it will need a change in Editor.

  Thanks,
  Allan
• dte1 Posts: 7Questions: 2Answers: 0

  November 20

  Hi Allan,

  when I enter your lines of code, I can at least select entries from the list, which are then also transferred into the field. Only saving is not possible afterwards.

  Without your lines, the list closes without the selected value being applied. It feels as if the field simply loses focus.

  Thank you very much for your work on Datatables and your truly commendable support!

  best regards,
  Ilja
• allan Posts: 65,366Questions: 1Answers: 10,845 Site admin

  November 24

  Hi Iija,

  I've just committed a fix for this error which will be in Editor 2.5.2. If you'd like to apply a patch immediately, add the following code to replace the owns function for the tags type:

  DataTable.Editor.fieldTypes.tags.owns(conf, node) {
      // The element has been removed from the DOM - probably a click to
      // remove X box, so it is "owned" by this control
      if ($(node).closest('body').length === 0) {
          return true;
      }
  
      // Is an element in the display field
      if (conf._display.find(node as any).length !== 0) {
          return true;
      }
  
      // Is a dropdown element
      if (conf._dropdown.owns(node)) {
          return true;
      }
  
      return false;
  }
  

  That will fix the issue with a click on the X immediately closing the field.

  You'll also want to do one of:

  • Submit on blur
  • Add an inline submit button.

  By default clicking away from an inline editing field will cause the edit to cancel. You need to either change that behaviour to have it submit (the first example above), or provide a way for the end user to submit the change (the second example).

  Regards,
  Allan
• dte1 Posts: 7Questions: 2Answers: 0

  November 26

  Hi Allan, thank you very much for your reply. I added the lines, but they do not solve my actual problem.

  When I click directly into the field in the table, the “Add” button appears.
  I click on “Add”, and the list with the options appears.
  When I then click on one of the options, the entire editor closes. The “Add” button disappears, and the selected tag is not applied.

  If I select the option from the list using the keyboard, the editor behaves as expected. The entry is applied, and the “Add” button remains visible.
  It seems as if the editor is losing its focus, because the items in the list are outside the table cell.

  However, with the “datetime” field type, this is not a problem — I can also click outside the table cell to select a date in the calendar without losing focus.

  Quite a lot of text… should I create a video?

  The effect occurs in both Firefox and Chrome.
• allan Posts: 65,366Questions: 1Answers: 10,845 Site admin

  November 26

  If you could give me a link to the page showing the issue that would be really useful. If you can't make the link public, you can PM me by clicking my forum user name and then "Send message".

  Thanks,
  Allan