在jQuery模式窗口中显示html页面(URL)的内容?

时间:2013-05-28 22:58:10

标签: jquery popup oracle-apex

我有一个Oracle APEX经典报告,我想在弹出模式窗口中显示一个Oracle APEX页面(给定记录的详细信息)。

我想不惜一切代价避免使用插件。这可能吗?我正在使用APEX 4.1。

的Tamas

1 个答案:

答案 0 :(得分:2)

在报告上创建一个包含链接的列:

  • 链接文字:无论您想要什么
  • 目标:网址
  • 网址:javascript:openModal(#YOUR_ID#)

将以下javascript代码添加到您的顶点页面(功能和全局变量声明),更改您要打开的弹出页面的右侧APP_ID,PAGE_ID和ITEM_NAME的网址:

function openModal(vId){
    var url = 'f?p=<APP_ID>:<APP_PAGE>:&SESSION.::NO:RP,62:P<APP_PAGE>_ID:'+vID;
    var $dialog = $('<div id="ModalFacPenDiv" style="overflow:auto;overflow-y: hidden;"> <iframe id="modalID" src="'+url+'" width="900px" height="260px" frameborder="no" style="overflow:auto;"></iframe></div>');
    $($dialog).dialog({ 
        open: function(event, ui){
            $(".ui-dialog-titlebar-close").hide(); },
        modal: true , 
        dialogClass: 'noTitle', 
        title: 'YOUR TITLE' , 
        width : 920 , 
        height: 380, 
        buttons: { 
            "Close": function(){ 
                window.parent.doSubmit('REFRESH');
                $(this).dialog("close");} },
        closeOnEscape: false });
}

您需要将嵌入框架设置为允许允许来自同一来源(此更好/更安全) 安全属性&gt;浏览器安全性

我假设在弹出页面中您有必要的流程来显示基于某些ID的信息。

希望它有所帮助。