左侧导航菜单：Liferay 6.2

Question

我正在将当前的Web应用程序迁移到liferay。我需要根据我的应用程序自定义左侧导航栏。 对于例如我有左侧垂直导航菜单，其中的项目如下

主页
公司信息
收入明细

单击每个菜单项时，将在右侧内容窗格中打开单独的portlet。例如，公司信息应该转到我创建的自定义公司portlet。

请您帮我理解如何在Liferay 6.2中实现这一目标？谢谢。

Answer 1

1. 如果要使用左侧导航栏显示部署在页面上的portlet，则可以使用Panel Pages。搜索＆＃34;面板页面＆＃34;本页的部分。
2. 如果您希望将liferay页面导航本身作为垂直条而不是水平条，则可以创建主题以对导航进行样式设置。 navigation.vm是您要查找的文件。

根据下面的comment，以下是我的建议：

建议我

1. 使用30-70布局。
2. 在70侧（右侧），您可以依次放置所有portlet。
3. 在30面（左侧），您可以放置​​一个Web内容显示portlet。
4. 因此，在Web内容显示portlet中，您可以使用Source选项卡将javascript / css / html包含在portlet的可点击链接中。
5. 有各种各样的javascript库可用于点击链接时产生滚动效果。

建议II

1. 这也是类似的建议，至少概念是一样的。
2. 唯一的区别是你可以拥有一个自定义布局，其中已经嵌入了布局中的网页内容，并且还在布局中编写了库和javascript。

建议III

1. 如果您想要自动左侧导航窗格，即在页面加载时，它具有portlet-name并且链接到右侧的portlet而无需人工干预。
2. 这需要在布局中进行大量编码。
3. 您可以使用different variables available in the layout在页面上查找portlet并创建链接。
4. 在布局中放置左侧部分并填充（3）中找到的链接，右侧将照常使用。

---

当您从Configuration选项卡的Look & Feel选项卡中单击Web内容中的特定链接时，可以使用portlet-Ids或css类滚动到它们，如下所示：



希望这有帮助。

Answer 2

Liferay包装显示在具有唯一portlet实例id的div标记内的portlet内容。 在portlet标题中，外观和感觉 - ＆gt;高级样式，它显示例如portlet id Portlet ID：＃p_p_id_73_INSTANCE_xZVK6VFSqAzJ _

此ID可用于在锚点中对哈希标记进行散列，以将焦点移至该portlet部分。

注意：如果页面上的portlet是可实现的，则删除实例并再次添加实例将获得新的实例ID。因此，之前的哈希标记链接不起作用。

Answer 3

如果您想要左导航，请使用30-70布局并使用左侧的SiteMap portlet