Using editor with quasar(vue.js).

Using editor with quasar(vue.js).

casuistcasuist Posts: 22Questions: 9Answers: 0

Link to test case:
Debugger code (debug.datatables.net):
Error messages shown:
Description of problem:
I am using editor with quasar(vue.js).
Most of them work fine.
But edit dialog is the problem.
Using bootstrap theme, error undefined modal.
Using other theme, edit layer appears below table. (add div).
How to solve this problem?

Answers

  • allanallan Posts: 54,881Questions: 1Answers: 8,601 Site admin

    Can you give me a link to a page showing the error with the Bootstrap theme please? Have you loaded the Bootstrap Javascript?

    Regarding the default theme, you need to load the default CSS as well (editor.dataTables.css).

    Allan

  • casuistcasuist Posts: 22Questions: 9Answers: 0

    *** I tried bs4 theme, it is ok!
    but bs5 theme error.

    editor.bootstrap5.js?10a6:153 Uncaught TypeError: Cannot read properties of undefined (reading 'Modal')

        open: function ( dte, append, callback ) {
            if (! modal) {
                modal = new _bs.Modal(dom.content[0], {
                    backdrop: "static",
                    keyboard: false
                });
            }
    
  • casuistcasuist Posts: 22Questions: 9Answers: 0

    editor.bootstrap5.js?10a6:153 Uncaught TypeError: Cannot read properties of undefined (reading 'Modal')
    at Object.open (editor.bootstrap5.js?10a6:153)
    at Editor._nestedOpen (dataTables.editor.js?fb9a:4602)
    at Editor.open (dataTables.editor.js?fb9a:2982)
    at Object.maybeOpen (dataTables.editor.js?fb9a:3914)
    at eval (dataTables.editor.js?fb9a:2191)
    at Editor._event (dataTables.editor.js?fb9a:4103)
    at Editor.create (dataTables.editor.js?fb9a:2188)
    at _Api.action (dataTables.editor.js?fb9a:6633)
    at action (dataTables.buttons.js?aa5c:687)
    at HTMLButtonElement.eval (dataTables.buttons.js?aa5c:705)

  • colincolin Posts: 12,877Questions: 0Answers: 2,198

    We've not seen that error before. Are you able to link to your page, please, so we can debug?

    Colin

  • casuistcasuist Posts: 22Questions: 9Answers: 0
Sign In or Register to comment.