Hi every,
I have been trying to implement tree view using alloy in my portlet in liferay 6.0.5. So far I have succeeded making a demo run. Hope my experience can help you.
1. import aui lib
aui lib is included by default. You need to modified your liferay-portlet.xml
add the following two line
<header-portlet-css>/html/js/aui/aui-skin-classic/css/aui-skin-classic-all-min.css</header-portlet-css>
<header-portlet-javascript>/html/js/aui/aui/aui.min.js</header-portlet-javascript>
2. use aui in a jsp page
<h1>A.TreeView from HTML markup</h1>
<div id="<portlet:namespace />markupBoundingBox">
<ul id="<portlet:namespace />markupContentBox">
<li>
<span>folder</span>
<ul>
<li>
<a href="#">child child 1</a>
</li>
<li>
<a href="#">folder folder 2</a>
<ul>
<li>
<a href="#">child child child 1</a>
</li>
<li>
<a href="#">folder folder folder 2</a>
<ul>
<li>
<a href="#">child child child child 1</a>
</li>
<li>
<a href="#">child child child child 2</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">child 1</a>
</li>
<li>
<a href="#">child 2</a>
</li>
<li>
<a href="#">child 3</a>
</li>
</ul>
</div>
<script type="text/javascript" charset="utf-8">
AUI().ready('aui-tree-view', function(A) {
var treeView = new A.TreeView({
boundingBox: '#<portlet:namespace />markupBoundingBox',
contentBox: '#<portlet:namespace />markupContentBox'
})
.render();
});
</script>
3.deploy and run
, it will be helpful for many (beginners of AUI)
and on dec 8 there is no webinars