如何在Liferay中制作弹出窗口?

时间:2011-10-11 11:30:44

标签: javascript liferay

如何在Liferay中制作弹出窗口? 这是我的代码。就像在Liferay Wiki中一样。

var popup = new Liferay.Popup( { 
  header: 'our title', 
  position:[150,150], 
  modal:true, width:500, 
  height:300, 
  xy: ['center', 100], 
  url: '/my_file.jsp', 
  urlData: { winowState : 'LiferayWindowState.EXCLUSIVE'} 
} );

缺少什么?

PS:我正试图让它在Liferay 6.0中运行

2 个答案:

答案 0 :(得分:3)

除了sandeepnair85的答案之外,在内容形式的AJAX中,您需要添加以下代码:

<aui:script use="aui-dialog">
    function showPopup(){
        var dialog = new A.Dialog({
            title: 'DISPLAY CONTENT',
            centered: true,
            modal: true,
            width: 200,
            height: 200
        }).plug(A.Plugin.IO, {
            uri: 'http://myurl.com'
        }).render();
    }
</aui:script>

有关A.Plugin.IO插件如何工作的更多详细信息,请访问: http://alloy.liferay.com/deploy/api/A.Plugin.IO.html

答案 1 :(得分:1)

你可以试试这段代码吗?它是一个关于如何在AUI中使用liferay创建弹出窗口的简单示例

<aui:script use="aui-dialog">
    function showPopup(){
        var dialog = new A.Dialog({
            title: 'DISPLAY CONTENT',
            centered: true,
            modal: true,
            width: 200,
            height: 200,
            bodyContent: "My First popup"
        }).render();
    }
</aui:script>