做一个弹窗但是效果和工具栏中的全屏显示一样怎么实现

image.png

官方的这个 全屏显示 很丝滑我想 加载自定义的数据;

FineReport 虎虎生威呀 发布于 2023-10-23 09:04
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
1
华莉星宸Lv7资深互助
发布于2024-7-6 09:31

把需要展示的数据单独做一个报表,在自定义弹窗

可以做一个自定义弹窗试试

参考代码

---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"

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

最佳回答
0
ID1208Lv6高级互助
发布于2023-10-23 09:24

可以自定义按钮,点击事件,JS实现数据展示,但是效果不太一样

如果需要官方效果,可以找帆软技术进行二开

  • 虎虎生威呀 虎虎生威呀(提问者) 我看了好像是属于HTML模态框的部分,估计帆软没有接口。
    2023-10-23 09:28 
  • ID1208 ID1208 回复 虎虎生威呀(提问者) 可能没对外开放吧,具体的可以咨询一下官方 也可以CSS+JS模仿一下效果
    2023-10-23 09:35 
  • 虎虎生威呀 虎虎生威呀(提问者) 回复 ID1208 好的谢谢
    2023-10-24 14:23 
  • 3关注人数
  • 302浏览人数
  • 最后回答于:2024-7-6 09:31
    请选择关闭问题的原因
    确定 取消
    返回顶部