大屏,点击出现弹窗,自定义的,跟传统弹窗不太一样

下面这样子的样式,感觉对话框达不到这这种效果,我像做成一个新页面,不是在原决策报表增加一个报表块,点击显示

image.png

------

想问有什么方法能达到这个效果

FineReport 13182656102 发布于 2025-3-22 10:08 (编辑于 2025-3-22 10:12)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
13182656102Lv4见习互助
发布于2025-3-26 08:49

只能在多加几个报表块实现,点击显示隐藏来实现了,暂时没有很好的办法

最佳回答
0
用户k6280494Lv6资深互助
发布于2025-3-22 10:11

原生的不支持

最佳回答
0
华莉星宸Lv7资深互助
发布于2025-3-22 10:11(编辑于 2025-3-22 10:12)

写js

参考

var url="/webroot/decision/view/report?viewlet=GettingStarted.cpt&op=write";

var url = FR.cjkEncode(url);

//窗体

var $iframe = $("

//将窗体的src属性设置为模板路径

$iframe.attr("src", url);

//窗体的属性

var o = {

    title: "对话框",    //标题

    width: 680,         //宽度,可以换成w/2,自适应

    height: 640,        //高度

    //closable:true,    //是否显示关闭按钮,默认true

    //confirm:true,     //是否添加确认取消按钮,默认false

    //draggable:true   //是否可拖动,默认true

};

//弹出窗体

FR.showDialog(o.title, o.width, o.height, $iframe, o);

---------------------------------------------------------------

或是

var a=_g().getWidgetByName("控件名1").getValue();

var b=_g().getWidgetByName("控件名2").getValue();

var url="/webroot/decision/view/report?viewlet=GettingStarted.cpt&op=write&a="+a+"&b="+b;

//或者这个格式 var url="${servletURL}?viewlet=GettingStarted.cpt&op=write&a="+a+"&b="+b;

var url = FR.cjkEncode(url);

//窗体

var $iframe = $("<iframe id='inp' name='inp' width='100%' height='100%' scrolling='no' frameborder='0'>");

//将窗体的src属性设置为模板路径

$iframe.attr("src", url);

//窗体的属性

var o = {

    title: "对话框",    //标题

    width: 680,         //宽度,可以换成w/2,自适应

    height: 640,        //高度

    //closable:true,    //是否显示关闭按钮,默认true

    //confirm:true,     //是否添加确认取消按钮,默认false

    //draggable:true   //是否可拖动,默认true

};

//弹出窗体

FR.showDialog(o.title, o.width, o.height, $iframe, o);

$(".fr-core-window-header").css("display", "none");//隐藏窗口标题栏

$(".fr-core-window-body").css("top", "0px");//设置高度

  • 13182656102 13182656102(提问者) 试过,会保留对话框标题
    2025-03-22 10:12 
  • 华莉星宸 华莉星宸 回复 13182656102(提问者) 看看下面的代码,只是你的关闭按钮,在旁边,不好实现~~
    2025-03-22 10:13 
  • 13182656102 13182656102(提问者) 这个是需要隐藏外面框架,除标题框外,上下左右都会有间隙,不止标题那一块,这样调试有点麻烦
    2025-03-22 10:16 
  • 华莉星宸 华莉星宸 回复 13182656102(提问者) 那就只能你自己写js慢慢调整了哈,标准的没有什么好方法
    2025-03-22 10:19 
  • 2关注人数
  • 49浏览人数
  • 最后回答于:2025-3-26 08:49
    请选择关闭问题的原因
    确定 取消
    返回顶部