Treeview -how to decleratively set the active -selected item

Topic: Treeview -how to decleratively set the active -selected item

Yiannis Kyriazidis asked 3 years ago

How can we set the active item in the list of items ? So that when the treeview is rendered the specific list item is expanded and focused (as if user clicked on it) I tried setting the active class on the list item but did'nt work.

Example https://mdbootstrap.com/snippets/standard/yiannis_kyriazidis/3285521

Add comment

Yiannis Kyriazidis answered 3 years ago

0 0 Best answer

thank you. I am using this in a sidebar menu and I know the li element of the link, but not the parent ul. Can you please adjust the example so based on an li element that has a class equal to class= 'active" the javascript wIll find the parent ul and attach an id to it so i can then call the javascript method you have created so that the parent is expanded and the selected li element is active ? Thank you .

Michał Duszak staff commented 3 years ago

I have prepared a snippet in which, on a button call, the script looks for a li with class equal to class='active'. Then it assigns it an ID required for expand() method. Then it expands, and then it removes the ID since it's no longer neccessary. It looks for the closest parent to expand it, so I believe it pretty much needs your requirements. What do you think?

https://mdbootstrap.com/snippets/standard/m-duszak/3288178#html-tab-view

Add comment

Michał Duszak staff answered 3 years ago