Skip to Content
Menú
This question has been flagged
2 Respostes
1260 Vistes

I am trying to show my Bootstrap dropdown menu on t-on-keyup. 

When i try to call new bootstrap.Dropdown(element) is says that it's undefined.

If I'm correct, bootstrap is already inside the odoo system. So I don't have any imports for bootstrap in my application.

This is the function I am trying to call:

showDropdown = (dropdownElement) => {
    if (dropdownElement) {
​const dropdown = new bootstrap.Dropdown(dropdownElement);
​dropdown.show();
    }
}

Do I still need to import bootstrap individually? Or am I doing something else wrong?

Avatar
Descartar
Best Answer

For anyone else wondering, I think it depends on the bootstrap version being used. 

For me it worked with:

$("#element_id").modal("show") # or .modal("hide")

More here: getbootstrap.com/docs/4.0/components/modal/

Avatar
Descartar
Autor Best Answer

I found out that you can access DOM elements via jQuery like this "$(element)".

So I made it work with $('#dropdownElement').show()

Avatar
Descartar
Related Posts Respostes Vistes Activitat
5
de març 25
2841
1
de febr. 25
1362
0
de nov. 24
946
2
d’oct. 24
1589
1
d’oct. 24
11739