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

Question

在Liferay 6.2中,我可以看到以下所有选项基本上都是可折叠的.

我想在我的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>

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

Answer 1

您可以使用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>