请上传宽度大于 1200px,高度大于 164px 的封面图片
    调整图片尺寸与位置
    滚轮可以放大缩小图片尺寸,按住图片拖动可调整位置,多余的会自动被裁剪掉
取消
luojunnan(uid:250113)
职业资格认证:FCA-FineReport | FCP-报表交付工程师
决策报表报表块工具栏自定义按钮实现数据集翻页
背景:       1、决策报表中报表块由于数据量过大导致内存溢出,然而报表块中并不能使用行式引擎。       2、为了解决上述问题,自己所能想到的两种方案:            a、使用网页框插件,把报表块内容用cpt完成,同时在cpt中使用行式引擎实现分页,通过网页框插件在frm中展示。            b、自定义翻页按钮,将页码传到数据集实现数据集分页,减少查询的数据量。 正文:本文介绍以设置自定义按钮方式实现数据集分页查询。        一、总体思路            1、设置模板参数page,用于传递页码。            2、自定义按钮设置js,实现翻页功能。        二、详情            1、设置模板参数page,page_size                 a. page:默认值为1。                 b. page_size:每页展示的数据条数。           2、数据集分页,不同的数据库分页语句写法不同。我们使用的oracle数据库,分页sql如下:                            3、报表块工具栏添加自定义按钮,设置js实现翻页功能,同时跟随页码变化修改对应按钮的样式。                 a. 增加5个自定义按钮,分别命名为首页、上一页、显示页码和总页数的按钮、下一页、末页。                                 b.按钮js设置                   a). 首页按钮中js设置,点击首页按钮后,数据回到第一页,首页按钮和上一页按钮置灰不可用,下一页和末页按钮为可用。                      说明:由于本人前端水平有限,就不去判断下一页和末页按钮状态,直接点击首页后设置下一页和末页按钮为可用。                                此处也不用考虑只有一页数据的情况,在报表块初始化事件中会判断共有几页数据,如果只有一页则所有按钮都置灰不可用。                                js通过查询所有类选择器为fr_btn获取所有按钮,然后通过下表分别获取具体的按钮进行设置。                               注:如果数据按钮的位置变化,需修改对应位置,由于本人前端水平有限,有兄弟有更好的方式敬请回帖指正。                     //获取report0报表块                     var re = _g().getWidgetByName("report0");                    //获取参数值后加载报表                   re.gotoPage(1, "{page:" + page + "}", true);                     //设置显示所在页码和总页数                   var text = document.querySelectorAll(".fr-btn");                   text.style.pointerEvents = "none";                   text.innerText=page + "/" + pagecount;                    //首页和上一页按钮置灰并按钮不可用                  var btn_first = document.querySelectorAll(".fr-btn");                //按钮置灰                 btn_first.style.opacity = '0.5';               //按钮不可用                 btn_first.style.pointerEvents = "none";                 var btn = document.querySelectorAll(".fr-btn");                //设置置灰                 btn.style.opacity = '0.5';               //设置按钮不可用                btn.style.pointerEvents = "none";                //下一页和末页按钮设置为可用不置灰             var btn_next = document.querySelectorAll(".fr-btn");             btn_next.style.opacity = '1';             btn_next.style.pointerEvents = "visible";             var btn_last = document.querySelectorAll(".fr-btn");             btn_last.style.opacity = '1';             btn_last.style.pointerEvents = "visible";           b). 上一页按钮js设置                 逻辑:点击上一页按钮后,数据回到上一页,下一页和末页按钮为可用,如果上一页是第一页则首页按钮和上一页按钮置灰不可用。             具体js参照首页按钮的js设置。           c). 页码/总页数:此处不用设置js,只用于显示。           d). 下一页按钮js设置                 逻辑:点击下一页按钮后,数据显示下一页,上一页和首页按钮为可用,如果下一页是最后一页则下一页和末页按钮置灰不可用。                具体js参照首页按钮的js设置。           e). 最后一页按钮js设置                 逻辑:点击末页按钮后,数据显示最后一页,上一页和首页按钮为可用,下一页和末页按钮置灰不可用。            3、报表块添加初始化事件,用于设置自定义按钮的初始状态。                 逻辑:初始化时报表展示第一页数据,首页和上一页按钮置灰,如果数据只有一页则所有按钮都置灰不可用。页码显示为1/总页数。              注:js传递参数,通过上图中参数设置,通过公式获取变量page和pagecount。 pagecount计算方式:roundup(value("ds3",1,1)/$page_size,0) ds3数据集,用于获取数据总条数。        三、完成效果 上传失败:上传格式错误,只允许:doc,docx,xls,xlsx,ppt,pptx,htm,html,txt,zip,rar,gz,bz2,pdf - 自定义工具栏按钮.frm (74.05 K)自定义工具栏按钮.zip (15.38 K) 自定义工具栏按钮 - v2.zip (13.53 K) 附件说明:v2中增加了输入框和跳转按钮,可在输入框输入数字,跳转到对应页。
FR10.0 根据条件隐藏决策报表报表块工具栏按钮
需求:控制User的导出权限,部分User不能使用导出。 由于文档中提供的工具栏接口,对于FR10.0决策报表报表块的工具栏使用无效。 步骤: 1、预览报表,按F12直接获取导出按钮的id。 2、给报表块设置初始化事件,添加如下代码。此处参数只是测试使用,根据自己的实际情况做相应修改。 fr-btn-Export是导出按钮的id,其他类选择器在报表中是通用的,所以不能修改类选择器属性。  
FR11 数据准备-ETL作业体验
本次测评体验功能:数据准备-ETL作业体验 优点:1、该功能集成在决策系统中,避免再找第三方ETL工具。           2、同时不用再找调度工具来管理ETL任务,减少项目的工作量和人员的学习成本。 缺点:该功能目前还不完善,能实现的ETL任务有限。 体验过程: 1、安装数据准备插件 2、新建任务(数据源需在数据连接中先创建好) 3、根据现有的三个节点:离线同步、sql脚本、虚拟节点创建ETL任务 任务一: 任务二: 执行结果: 产品体验心得: 该功能的上线,使得FR11逐渐成为一个一站式的报表平台,从数据处理到报表开发。期待该功能更加完善。   注:该功能中的sql脚本目前不能在里面写存储过程,只能调用存储过程。
【FR11功能体验报告】B/S端修改布局&新自适应
本次测评了B/S端修改布局&新自适应: 新建决策报表,在组件库中随意拉取几个组件到body中,并根据拉取的组件设置对应的主题,将body布局设置为绝对布局。 注:自适应布局B/S端不能修改布局,FR11的绝对布局与之前版本有些差别,不再提供适应区域和固定大小选择项,默认是适应区域。 在浏览器中移动组件修改布局(如下图) FR11的新自适应效果比之前版本效果有所提升,不会存在因为窗口缩小而导致报表块出现滚动条的情况(这个点感觉很nice),如图。 产品体验心得: 总体上感觉FR11运行更加流畅,未出现卡顿。B/S端修改布局这个功能能更加直观的看到调整后的页面效果,不用像之前一样在设计器不断的修改预览。 新自适应效果更加舒适,不会因为屏幕大小而导致报表块出现滚动条营销视觉效果。
个人成就
内容被浏览14,456
加入社区5年120天
返回顶部