closethick 按钮消失 liferay popup 6.2

Question

我正在将 AUI 弹出对话框窗口从 liferay 6.1 迁移到 liferay 6.2。我看到有一些具体的改变要做。我在显示按钮时遇到了一些问题，但现在已解决。但问题在于应该在右上角的关闭图标 (x)。我一添加保存按钮，它就突然消失了。

这是我的代码：

myPopup = AUI().use('aui-base','liferay-util-window','aui-io-deprecated', 'event', 'event-custom', function(A) {
    var buttons =[{
        cssClass: 'button_close',
        label: 'Save',
        render:true,
        id: 'myPopupButton',
        on: {
        click: function() {
            myPopupSubmit();
        }}
    }];

myPopup = Liferay.Util.Window.getWindow(
{
    dialog: {
        title : a + ' mytitle',
        centered : true,
        height : 600,
        width : 500,
        draggable : true,
        resizable : true,
        modal : true,
        toolbars: {
            footer:buttons
        },

    }}).plug(A.Plugin.IO, {
        uri : url
    }).render();
    myPopup.show(); 
});
}

如果您对此有任何想法，请告诉我..

在myPopupSubmit我还写了代码来关闭弹出窗口：

top.document.getElementById('closethick').click();

由于没有closethick 按钮，它返回null。

Answer 1

使用modal dialog example 作为比较，使用toolbars 属性时删除X 关闭按钮。

查看the source code 的toolbars 属性（撰写本文时第309 行）表明，如果您直接使用此属性，则需要在标题中包含您自己的Xclose。

另一种方法是使用addToolbar 函数（如示例中所示）包含您的buttons，同时保留默认工具栏。

modal.addToolbar([{
 cssClass: 'button_close',
 label: 'Save',
 render:true,
 id: 'myPopupButton',
 on: {
       click: function() {
         myPopupSubmit();
       }
     }
}]);

---

我还会考虑将对话框实例提供给您的myPopupSubmit 函数，这样您就可以直接访问执行dialog.hide() 或在myPopupSubmit 之后调用dialog.hide()，而不是使用X 关闭方法。

如果坚持当前的方法，正在使用的 id 将不起作用，您需要使用 CSS 选择器，因为基于 YUI 的 id 会改变。