点击标题,js弹出对话框,如何取消白色的边框和背景颜色,只显示弹出的报表背景图?

image.png

FineReport jack丶杨某人 发布于 2023-10-25 10:03
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
jack丶杨某人Lv5见习互助
发布于2023-10-25 14:27

在楼上两位的答案后面,加上这个就好了,取消外面边框

window.parent.$(".bi-popover.bi-card.bi-border-radius.bi-v-tape").css({'background':'transparent'});

window.parent.$(".bi-h-tape.bi-message-title.bi-header-background").hide();

  • LY熙熙哈哈 LY熙熙哈哈 您好,是直接预览的吗?我在决策系统中测试没有效果,直接预览可以,预览后没法关闭对话框
    2023-12-18 15:07 
最佳回答
0
Z4u3z1Lv6专家互助
发布于2023-10-25 10:04

---JS弹窗对话框(修改窗体背景,字体)

var w = document.body.clientWidth - 100; //获取电脑的高度减100,自己调整

var h = document.body.clientHeight - 80; //获取电脑宽度减80,自己调整

var url = encodeURI("/webroot/decision/view/report?viewlet=GettingStarted.cpt");

//窗体

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

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

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

//窗体的属性

var o = {

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

width: w, //宽度

height: h //高度

//closable:true,    //是否显示关闭按钮,默认true,如果改为false就不显示关闭按钮了

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

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

};

FR.showDialog(o.title, o.width, o.height, $iframe, o);//弹出窗体

$(".fr-core-panel-header.fr-core-panel-style-blue.fr-core-window-header").css('background', '#159D73'); //窗体背景颜色

$(".fr-core-panel-title").css({

"color": "#ffffff",

"font-family": "microsoft yahei",

"font-size": "14px"

}); //字体颜色,大小,字体名称

  • jack丶杨某人 jack丶杨某人(提问者) 大佬,我是按这么写的,为什么还是没去除掉白色的背景啊
    2023-10-25 11:12 
  • Z4u3z1 Z4u3z1 回复 jack丶杨某人(提问者) 你把title: \"我是对话框\", //标题下面加 closable:false,//是否显示关闭按钮,默认true,如果改为false就不显示关闭按钮了;并修改窗体背景色和你的单元格背景色一致
    2023-10-25 11:21 
  • jack丶杨某人 jack丶杨某人(提问者) 回复 Z4u3z1 加上之后得在FR.showDialog(o.title, o.width, o.height, $iframe, o); 这里面也加上对吗?,我加上之后再点开就显示一片空白了,啥都没有了;不在这里面加才会显示,只不过上面那个关闭按钮也在。。
    2023-10-25 11:33 
  • Z4u3z1 Z4u3z1 回复 jack丶杨某人(提问者) 上面JS里面有关闭“X”的JS 被注释掉了,取消注释\"//closable:true, //是否显示关闭按钮,默认true,如果改为false就不显示关闭按钮了\"
    2023-10-25 11:35 
  • jack丶杨某人 jack丶杨某人(提问者) 回复 Z4u3z1 额。。这个还是知道的。就是取消注释之后改成false,并没有生效
    2023-10-25 13:41 
最佳回答
0
CD20160914Lv8专家互助
发布于2023-10-25 10:07

var w=800;

var h=600;

var url = encodeURI("/webroot/decision/view/report?viewlet=GettingStarted.cpt");

//窗体

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

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

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

//窗体的属性

var o = {    

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

 width: w,   //宽度    

  height: h //高度 

 };

//弹出窗体

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

$(".fr-core-panel-header.fr-core-panel-style-blue.fr-core-window-header",parent.document).remove();//删除标题栏

$(".fr-core-panel-body.fr-core-panel-body-border.fr-core-window-body",parent.document).css('top','0px');//设置它距离最上面的距离

var s_height=$(".fr-core-window.ui-state-enabled",parent.document).css('height');//获取它的高度

$(".fr-core-panel-body.fr-core-panel-body-border.fr-core-window-body",parent.document).css('height',s_height);//重新赋值高度

如果你不要工具栏,直接把工具栏的勾去掉就行

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

image.png

  • 1关注人数
  • 319浏览人数
  • 最后回答于:2023-10-25 14:27
    请选择关闭问题的原因
    确定 取消
    返回顶部