pax.widget.menu.tree.init = function( | element | ) |
|
Creates a menu tree from an unordered list
Parameters
target | The UL to make into a menu |
args | optional argument object to pass to the menu function, ie: {} |
- type - what type of menu to create, defaults to ‘dropdown’
- isVertical - boolean to set orientation of menu, defaults to false, ie: horizontal. This option is only valid for ‘dropdown’ menu type
Example
<fieldset><legend>Tree menu</legend>
<ul id="pax.widget.menu.tree.example1">
<li>Entree
<ul>
<li><a>Garlic bread</a></li>
<li><a>Mini Ceasar salad</a></li>
</ul>
</li>
<li>Mains
<ul>
<li><a>Roast Lamb</a></li>
<li><a>Grill Chicken</a></li>
<li><a>Sirloin steak</a></li>
<li>Specials of the day
<ul>
<li><a>Fish (ask waiter for details)</a></li>
<li><a>Chicken (like the fish ;o)</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</fieldset>
[:.
pax.widget.menu.tree.init( $("pax.widget.menu.tree.example1") );
:]
This will show a simple example of a tree menu
Example
<button onclick="pax.widget.menu.tree.openAll($('pax.widget.menu.tree.example2'))">Open All</button>
<button onclick="pax.widget.menu.tree.closeAll($('pax.widget.menu.tree.example2'));">Close All</button>
<input type="text" id="searchBox" value="patrick roast brulee long scotch green" size="30">
<button onclick="pax.widget.menu.tree.search($('pax.widget.menu.tree.example2'), $('searchBox').value)">Search</button>
<button onclick="pax.widget.menu.tree.clearSearch( $('pax.widget.menu.tree.example2') );">Clear</button>
<fieldset><legend>Tree menu</legend>
<ul id="pax.widget.menu.tree.example2">
<li>Entree
<ul>
<li><a>Garlic bread</a></li>
<li><a>Oysters kilpatrick</a></li>
<li><a>Mini Ceasar salad</a></li>
</ul>
</li>
<li>Mains
<ul>
<li><a>Roast Lamb</a></li>
<li><a>Grill Chicken</a></li>
<li><a>Sirloin steak</a></li>
</ul>
</li>
<li>Dessert
<ul>
<li><a>Chocolate mousse</a></li>
<li><a>Creme brulee</a></li>
<li>Coffee & tea
<ul>
<li><a>Long black</a></li>
<li><a>Capuccino</a></li>
<li><a>Latte</a></li>
<li>Liquor coffes
<ul>
<li><a>Kaluah</a></li>
<li><a>Tia Maria</a></li>
<li><a>Frangelico</a></li>
<li><a>Butter Scotch</a></li>
</ul>
</li>
<li><a>English breakfast tea</a></li>
<li><a>Japanese green tea</a></li>
<li><a>camomile tea</a></li>
</ul>
</li>
<li><a>Surprise of the day</a></li>
</ul>
</li>
</ul>
</fieldset>
[:.
pax.widget.menu.tree.init( $("pax.widget.menu.tree.example2") );
:]
This will show an extensive example, with all features enabled