打开在自定义jsp页面中的docbar左侧菜单

Question

我有一个要求，我需要在docbar中添加一个链接或按钮。当我单击一个链接或按钮时，它会从portlet的自定义jsp中打开docbar左侧菜单。例如，在docbar中，如果单击编辑页面，它将打开左侧菜单，如下所示。如何实现这一点？

我试着从我的自定义jsp页面打开左边的菜单链接，即使我包含了docabr，它也没有打开。自定义jsp页面中的js。有谁能指导我如何做到这一点？以下是我尝试过的代码：

<script type="text/javascript" src="/html/js/liferay/dockbar.js"></script>

<portlet:renderURL var="editLayoutURL" windowState="<%= LiferayWindowState.EXCLUSIVE.toString() %>">
                <portlet:param name="struts_action" value="/dockbar/edit_layout_panel" />
                <portlet:param name="closeRedirect" value="<%= PortalUtil.getLayoutURL(layout, themeDisplay) %>" />
                <portlet:param name="groupId" value="<%= String.valueOf(scopeGroupId) %>" />
                <portlet:param name="selPlid" value="<%= String.valueOf(plid) %>" />
            </portlet:renderURL>

<aui:nav-item anchorId="editLayoutPanel" cssClass="page-edit-controls" data-panelURL="<%= editLayoutURL %>" href="javascript:;" iconCssClass="icon-edit" label="edit" />
<aui:script position="inline" use="liferay-dockbar">
    Liferay.Dockbar.init('#<portlet:namespace />dockbar');

    var customizableColumns = A.all('.portlet-column-content.customizable');

    if (customizableColumns.size() > 0) {
        customizableColumns.get('parentNode').addClass('customizable');
    }
</aui:script>

Answer 1

您可能需要在Dockbar中注册您的面板，如下所示：

<aui:script use="liferay-dockbar">
    Liferay.Dockbar.DOCKBAR_PANELS.myPanel = {
        css: 'lfr-has-mypanel',
        id: 'myPanel',
        node: null,
        showFn: A.bind(Liferay.Dockbar._showPanel, Liferay.Dockbar),
        tpl: '<div class="lfr-add-panel lfr-admin-panel" id="{0}" />'
    };
</aui:script>

您可以在面向观众的模拟器钩子中查看此功能的工作实现