57
Views
5
Comments
Solved
[side menu]createing like file structure or tree structure
Question

Hello outsystems team and everyone.

let me explain my requirement.

1.I want to create a web page like img below.

let see site menu on the picture.When I click "+"operator all of the child elements can be see.

I search in the forge,the jsTree widget is suitable for this menu pattern.But jsTree widget is defficult for me and not easy to use.

so I want to know ,

1. is there an experience person who can advice me about jsTree widget?

2.is there any other widget like jsTree.

Please someone advice me.

By the way let me share my sample oml and you can reference the url.

thanks.

jsTree1.oml

Rank: #528
Solution

On your code, when you open a page, you are setting the PageId as the root element. That will ignore the ascendant pages and only render the children. If you want the tree to always show everything you need to always start from the Page that don't have any parent.

 

Example: https://rsousa.outsystemscloud.com/ClonejsTree/View.aspx

Rank: #1826

Hi May,


yes, you can achieve this from jsTree widget component. can you share where you are facing problem?

Although, Its jquery component for traditional web, you can use it if you are ok to use jquery.


Cheers,

Ali Amin

Rank: #2008

Thanks Ali

Please check my upload oml?

Now,my parent node is disappear when click it.

How can I achieve it.

Regards.



ClonejsTree.oml

Rank: #528
Solution

On your code, when you open a page, you are setting the PageId as the root element. That will ignore the ascendant pages and only render the children. If you want the tree to always show everything you need to always start from the Page that don't have any parent.

 

Example: https://rsousa.outsystemscloud.com/ClonejsTree/View.aspx

Rank: #528

You are welcome May Zin Linn