Liferay /可折叠导航中的手风琴

时间:2014-01-10 08:19:18

标签: jquery html liferay portlet alloy-ui

在Liferay 6.2中,我可以看到以下所有选项基本上都是可折叠的。 enter image description here

我想在我的portlet中列出相同的列表。 我的样本数据是

<ul> Header 1
    <li> Sub Header 1</li>
    <li> Sub Header 2</li>
</ul>
<ul> Header 2
    <li> Sub header 1</li>
    <li> Sub header 2</li>
</ul>

任何人都可以发布一个例子或如何实现这个目标吗?

1 个答案:

答案 0 :(得分:9)

您可以使用Liferay UI标签liferay-ui:panel-container和liferay-ui:panel。

例如代码,您可以参考

的liferay门户-SRC-6.2.0-CE-GA1 \门户网页\文档根\ HTML \门户\ control_panel_m ENU \ view.jsp的

编辑:

<liferay-ui:panel-container accordian="true" extended="true">
   <liferay-ui:panel title="1">
        content 1
   </liferay-ui:panel>

  <liferay-ui:panel title="2">
        content 2
 </liferay-ui:panel>
</liferay-ui:panel-container>