参数界面JS实例

"参数界面JS实例" 分類下的文檔該分類下有20篇文檔创建该分类下的文档
JS实现按钮文字竖排显示
文檔創建者:FineReportTW      創建時間:06-19 15:48      標籤:      編輯:2次    |   瀏覽:421次

摘要:1. 概述1.1 预期效果报表中,添加按钮后,可修改按钮名称。一般按钮名称都是横排显示的。若需要竖排显示,该如何实现呢?如下图所示:1.2 实现方法除先设计好按钮图片样式,在按钮的初始背景中添加图片实现[閱讀全文:]

JS根据条件控制参数控件是否显示/可用
文檔創建者:FineReportTW      創建時間:11-17 16:49      標籤:      編輯:19次    |   瀏覽:442次

摘要:1. 概述1.1 问题描述在使用参数控件时,有时我们希望部分参数控件在没满足条件时不显示,满足条件后再显示,如下图效果,只有前面的下拉框选择了内容之后,后一层下拉框控件才显示出来。1.2 实现思路首先将[閱讀全文:]

JS 实现动态隐藏参数以及控制参数面板高度
文檔創建者:FineReportTW      創建時間:09-04 11:00      標籤:      編輯:15次    |   瀏覽:244次

摘要:1. 概述1.1 预期效果开发报表的时,经常会遇到使用的参数控件较多的情况,这时候可以对一些不常用、不需要展现出来的的控件进行隐藏,当需要展示的时候再使其展示出来,如下图所示:1.2 实现思路为「按钮控[閱讀全文:]

JS实现下拉复选框默认全选
文檔創建者:FineReportTW      創建時間:12-04 17:56      標籤:      編輯:2次    |   瀏覽:341次

摘要:1. 概述1.1 预期效果在参数面板中,添加「下拉复选框控件」,预览报表的时候,「下拉复选框控件」默认全选。如下图所示:1.2 实现思路控件添加初始化后事件,通过 JS 代码实现全选。2. 示例2.1[閱讀全文:]

JS实现复选按钮组控件默认全选
文檔創建者:FineReportTW      創建時間:12-28 17:39      標籤:      編輯:2次    |   瀏覽:244次

摘要:1. 概述1.1 预期效果在参数面板中,添加「复选按钮组控件」,预览报表的时候,「复选按钮组控件」默认全选。如下图所示:1.2 实现思路控件添加初始化后事件,通过 JS 代码实现全选。2. 示例2.1[閱讀全文:]

JS实现自定义导出文件名称
文檔創建者:FineReportTW      創建時間:02-27 16:42      標籤:      編輯:20次    |   瀏覽:389次

摘要:1. 概述1.1 问题描述FR 虽然有内置的导出按钮,但是导出名称不能自定义,如果想要自定义导出文件名称,那么该如何实现呢?1.2 实现思路方法一:通过模板 Web 属性中的标题实现自定义导出[閱讀全文:]

JS实现点击按钮切换Sheet页
文檔創建者:FineReportTW      創建時間:04-03 11:28      標籤:      編輯:7次    |   瀏覽:694次

摘要:1.概述1.1 问题描述当报表有多个 Sheet 时,可以通过参数面板上按钮跳转到指定的 Sheet 页。如下图所示:1.2 实现思路通过给参数面板上按钮添加 JS 事件,事件中定位到对应 S[閱讀全文:]

JS实现无需点击查询按钮即可自动查询
文檔創建者:FineReportTW      創建時間:11-04 11:53      標籤:      編輯:16次    |   瀏覽:332次

摘要:1. 概述1.1 预期效果我们内置的查询界面都要通过点击查询按钮才能查询出数据,用户觉得这样太麻烦,希望直接在输入参数后就查询结果,不需要点击查询按钮,或者在填报成功后重新触发查询,那么如何来实现呢?如[閱讀全文:]

JS实现预定义导出按钮
文檔創建者:FineReportTW      創建時間:11-19 20:30      標籤:      編輯:9次    |   瀏覽:270次

摘要:1. 概述1.1 问题描述JS实现自定义导出文件名称 中,可以在模板「参数面板」中自定义导出按钮,利用 JS 实现自定义导出文件名。当很多模板都要实现这个功能时,每个模板都写一遍 JS,比较麻[閱讀全文:]

参数界面JS实例
文檔創建者:FineReportTW      創建時間:11-17 16:33      標籤:      編輯:24次    |   瀏覽:358次

摘要:1. 描述在对参数面板进行 JavaScript 二次开发时,比如说对参数面板上的控件进行再操作,就需要获取到参数面板上的控件,那么如何使用 JavaScript 来获取到参数面板上的控件呢?[閱讀全文:]

JS实现大数据集导出Excel
文檔創建者:FineReportTW      創建時間:12-27 14:09      標籤:      編輯:20次    |   瀏覽:299次

摘要:1. 概述1.1 版本  报表服务器版本JAR 包10.02018-12-271.2 应用场景大批量数据导出的时候,会对服务器、网络传输、数据库造成一定的压力。为了防止这样的风险,FineRe[閱讀全文:]

JS实现下拉框自定义模糊查询
文檔創建者:FineReportTW      創建時間:11-06 15:28      標籤:      編輯:2次    |   瀏覽:959次

摘要:1. 概述1.1 预期效果下拉框查询时,下拉框自带点的模糊查询为文字不连续也能查出,希望可以实现模糊查询只匹配连续的内容。如下图所示:1.2 解决思路通过 SQL 数据集 like 模糊查询,[閱讀全文:]

JS给参数控件添加水印文字
文檔創建者:FineReportTW      創建時間:11-17 16:55      標籤:      編輯:15次    |   瀏覽:377次

摘要:1. 概述1.1 问题描述制作报表时,有时需要为控件添加水印文字,给予用户输入提示,编辑控件后水印内容消失。如下图所示:为控件添加水印可直接在控件属性面板中添加,也可以通过 JS 添加。本文介绍通过 J[閱讀全文:]

JS实现自定义按钮快速给参数赋指定范围值
文檔創建者:FineReportTW      創建時間:05-19 22:57      標籤:      編輯:21次    |   瀏覽:225次

摘要:1. 概述1.1 预期效果周报、月报、季报、年报中有参数查询时,每次都需要手动选择,比较繁琐,所以就需要一种快速筛选的方法,只需点击某个按钮,就能准确定位到合适的时间范围,如下图所示:效果一:根据系统时[閱讀全文:]

JS实现弹窗后数据回填
文檔創建者:FineReportTW      創建時間:12-05 10:09      標籤:      編輯:3次    |   瀏覽:312次

摘要:1. 概述1.1 预期效果所谓数据回填指的是将查询出来的数据返回给显示的文本框。当用户需要通过弹窗查询数据并进行回填时,可以使用该方法来实现。例如下图示例中的效果:当想要查看某个产品对应的类别 ID 下[閱讀全文:]

JS实现日期控件校验
文檔創建者:FineReportTW      創建時間:11-17 16:53      標籤:      編輯:16次    |   瀏覽:306次

摘要:1. 概述1.1 问题描述参数查询时,可以对控件值做一些简单校验,如不能为空,当需要一些复杂校验时,设计器自带的校验规则就无法满足了。例如有两个参数:开始日期和结束日期,校验规则为:1)开始日期与结束日[閱讀全文:]

JS实现点击参数面板按钮显示或隐藏数据
文檔創建者:FineReportTW      創建時間:02-27 22:47      標籤:      編輯:10次    |   瀏覽:219次

摘要:1. 概述1.1 问题描述当报表中列表数据太多时,想通过显示按钮隐藏明细数据只显示统计数据。如下图示例,该如何实现?1.2 实现思路通过 JavaScript 修改参数控件的值,单元格中添加条件属性,根[閱讀全文:]

JS实现清空控件内容
文檔創建者:FineReportTW      創建時間:11-17 16:51      標籤:      編輯:26次    |   瀏覽:246次

摘要:1. 概述1.1 问题描述在使用查询控件时,有时我们希望能够快捷重置控件的内容,或者重置所有控件的内容。效果如下图所示:重置某个控件的内容:重置所有控件的内容:1.2 实现思路在 JS 事件中获取需要重[閱讀全文:]

JS实现参数控件赋值
文檔創建者:FineReportTW      創建時間:11-17 16:47      標籤:      編輯:17次    |   瀏覽:268次

摘要:1. 概述1.1 问题描述参数界面中,往往需要在一个控件中动态的控制其他控件的值,如下图,当 username 有值时,state 自动变为 1,当 username 无值时,state 自动变为 2。[閱讀全文:]