Demonstrate how to use jQuery libraries like sweetalert and datatable js

[bobwatcherx]

any examples to use third party javascript libraries like sweetalert and datatable js . i read in the documentation there is a function run_javascript . how to use it . and can and Also write that up in the nicegui documentation. To be useful for others thanks

[falkoschindler]

Here is an example demonstrating sweetalert:

ui.add_head_html('<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>')

async def show_alert():
    await ui.run_javascript('Swal.fire("What a nice alert!")', respond=False)

ui.button('Show alert', on_click=show_alert)

PRs for adding it to the documentation or for demonstrating DataTables are very welcome!

[bobwatcherx]

why offline static file not loaded

from nicegui import ui,app

app.add_static_files('/js', 'js')
ui.add_head_html('<script src="/js/sweetalert.js"></script>')

async def show_alert():
    await ui.run_javascript('Swal.fire("What a nice alert!")', respond=False)

ui.button('Show alert', on_click=show_alert)

ui.run()

[falkoschindler]

Don't know. Works for me. Have you put sweetalert.js in a directory "js"?

[bobwatcherx]

Yes. but I work when I only use cdn. for offline can not. I use the latest NiceGUI. but if you can't that's okay. I'm more interested in using the cdn.

[rodja]

Maybe you have not started the app from the correct directory. In

nicegui/examples/slideshow/main.py

Line 7 in b4b48ac

folder = Path(__file__).resolve().parent / 'slides' # image source: https://pixabay.com/

we ensure the path is always right by not using a relative path.