Skip to Content
Menu
This question has been flagged
2 Replies
1276 Rodiniai

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?

Portretas
Atmesti
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/

Portretas
Atmesti
Autorius Best Answer

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

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

Portretas
Atmesti
Related Posts Replies Rodiniai Veikla
5
kov. 25
2855
1
vas. 25
1394
0
lapkr. 24
973
2
spal. 24
1604
1
spal. 24
11744