表单JS实例

"表单JS实例" 分類下的文檔該分類下有26篇文檔创建该分类下的文档
JS实现决策报表中滚屏/跑马灯效果
文檔創建者:FineReportTW      創建時間:04-06 18:07      標籤:      編輯:34次    |   瀏覽:435次

摘要:1. 概述1.1 问题描述普通报表可以参考 JS实现自动滚屏/跑马灯效果 实现跑马灯效果,决策报表中报表块如何实现下图所示的跑马灯效果呢?1.2 实现思路通过给报表块添加「[閱讀全文:]

表单JS实例
文檔創建者:FineReportTW      創建時間:12-18 15:36      標籤:      編輯:6次    |   瀏覽:474次

摘要:1. 概述决策报表中,使用 JavaScript 对一些功能进行二次开发时,部分接口和普通报表一致,同时也会具有一些决策报表特有的接口,如实现指定隐藏 Tab 块的接口。本文将列举一些决策报表适用的 J[閱讀全文:]

JS实现隐藏决策报表组件
文檔創建者:FineReportTW      創建時間:02-15 11:24      標籤:      編輯:21次    |   瀏覽:599次

摘要:1. 概述1.1 问题描述不勾选决策报表组件属性>基本下的可见,可在前端展示时隐藏决策报表组件,但是无法自由切换隐藏或显示。那么如何才能在前端预览时自由切换组件隐藏或显示呢?效果如下图所示:1.2[閱讀全文:]

JS实现点击跳转页面和定时跳转页面
文檔創建者:FineReportTW      創建時間:08-24 10:46      標籤:      編輯:15次    |   瀏覽:447次

摘要:1. 概述1.1 问题描述在报表的制作中,往往会用到报表之间的跳转甚至携带参数的跳转,如下图所示,点击一个报表块时跳转到另一个报表。1.2 实现思路使用 JS 实现跳转window.location =[閱讀全文:]

JS实现切换Tab块时进行数据联动
文檔創建者:FineReportTW      創建時間:01-25 14:35      標籤:      編輯:2次    |   瀏覽:360次

摘要:1. 概述1.1 问题描述决策报表中,Tab 块轮播切换时,实现报表块中数据联动。如下图所示:1.2 解决思路JS 获取每个Tab 块的轮播标题索引,转换为参数值进行界面传参,实现联动效果。2. 示例2[閱讀全文:]

JS实现在报表参数界面获取控件的值
文檔創建者:FineReportTW      創建時間:03-03 15:27      標籤:      編輯:11次    |   瀏覽:430次

摘要:1. 概述1.1 问题描述在实际项目中,使用决策报表的时候,有时会用到在决策报表参数面板获取报表控件的值,那么该如何实现呢?1.2 实现思路使用 JS 获取报表主体的控件值:_g().getWidget[閱讀全文:]

JS 实现点击查询后停留在当前查询的 Tab 页
文檔創建者:FineReportTW      創建時間:11-02 11:05      標籤:      編輯:24次    |   瀏覽:335次

摘要:1. 概述1.1 问题描述在使用表单的 Tab 块功能时,我们经常会遇到类似这样的问题:当在一个 Tab 块中有多个 Tab 页存在,如果用户所处其他 [閱讀全文:]

JS实现报表组件获取参数面板控件值
文檔創建者:FineReportTW      創建時間:07-25 21:43      標籤:      編輯:11次    |   瀏覽:394次

摘要:1. 概述1.1 问题描述在设计决策报表时,需要通过决策报表主体的按钮控件或者报表块的超链接获取参数面板的控件值,该如何实现呢?1.2 解决思路通过 JS 获取参数面板的控件值:_g().paramet[閱讀全文:]

JS实现参数组合筛选的前进和后退
文檔創建者:FineReportTW      創建時間:05-06 21:02      標籤:      編輯:3次    |   瀏覽:324次

摘要:1. 概述1.1 应用场景在一些特定场合下当参数过多时用户进行参数组合筛选需要不断自行调整控件值,会使参数筛选过滤变得很麻烦。因此有的用户想要实现参数筛选后自动保存参数组合,然后通过点击按钮实现参数组合[閱讀全文:]

JS获取决策报表内图表块刷新数据
文檔創建者:FineReportTW      創建時間:01-19 17:15      標籤:      編輯:17次    |   瀏覽:320次

摘要:1. 概述1.1 问题描述决策报表中,当报表块和图表块之间有联动且图表块的数据来源于报表块单元格时,当报表块数据发生变化后,图表块数据不会随着变化。如下图所示:chart0 联动 report0 报表块[閱讀全文:]

JS 实现点击按钮实现超链接功能
文檔創建者:FineReportTW      創建時間:11-14 20:28      標籤:      編輯:12次    |   瀏覽:677次

摘要:1. 概述1.1 问题描述在决策报表中,用户通过点击按钮给报表中报表块或图表块传递参数,类似于在普通报表单元格中添加「超链接>动态参数」实现的效果。如下图所示:1.2 实现思路给按钮添加「点击」事[閱讀全文:]

JS实现决策报表中点击标题排序
文檔創建者:FineReportTW      創建時間:03-14 17:39      標籤:      編輯:20次    |   瀏覽:263次

摘要:1. 概述1.1 问题描述根据点击次数奇偶性排序之数值型、多列排序 文档中实现了报表动态排序,即根据参数值的不同来决定报表按某列升序还是降序排列,我们也可以利用 JS 来实现此效果。如下图所示[閱讀全文:]

JS实现点击报表实现全屏效果
文檔創建者:FineReportTW      創建時間:03-29 18:26      標籤:      編輯:13次    |   瀏覽:257次

摘要:1. 概述1.1 问题描述在浏览器上大家都习惯于 F11 让报表达到全屏效果,但是对于有些仅用于展示的电脑而言,有时候是不配备键盘,稍做调整只能用鼠标来实现。效果如下图所示,鼠标点击决策报表主体,报表全[閱讀全文:]

数据库表字段控制Tab块隐藏
文檔創建者:FineReportTW      創建時間:05-13 18:47      標籤:      編輯:5次    |   瀏覽:278次

摘要:1. 概述1.1 预期效果通过数据库表中设置的字段值,控制决策报表的每个 Tab 块是否显示,如下图所示:数据库表字段:SITUATION 字段的值控制 Tab 是否显示。效果展示:一共有 4 个 Ta[閱讀全文:]

JS实现暂停和继续轮播报表
文檔創建者:FineReportTW      創建時間:03-19 21:04      標籤:      編輯:15次    |   瀏覽:237次

摘要:1. 概述1.1 问题描述在开发大屏报表的时候,有时会让多张大屏轮播,在特定的情况下能停止轮播。如下图所示,两张报表轮播,当鼠标移入报表时,停止轮播。1.2 解决思路可以通过 JavaScript&nb[閱讀全文:]

JS隐藏正在加载图标与文字
文檔創建者:FineReportTW      創建時間:10-13 23:42      標籤:      編輯:22次    |   瀏覽:281次

摘要:1. 概述1.1 问题描述决策报表展示中,尤其大屏报表,会涉及到数据定时刷新、我们可以通过添加 JS 来实现刷新效果。但在刷新过程中,会出现正在加载的图标。如下图所示:所以在刷新过程中,不显示加载图标,[閱讀全文:]

JS实现改变控件透明度
文檔創建者:FineReportTW      創建時間:03-21 16:56      標籤:      編輯:2次    |   瀏覽:265次

摘要:1. 概述1.1 问题描述在开发决策报表时经常会使用深色背景,这时插入一个控件显得与背景格格不入,如下图所示:希望通过设置控件的透明度,使控件融入背景,如下图所示:1.2 实现思路控件添加初始化事件,使[閱讀全文:]

JS实现决策报表参数界面自动查询
文檔創建者:FineReportTW      創建時間:03-04 10:05      標籤:      編輯:14次    |   瀏覽:284次

摘要:1. 概述1.1 问题描述决策报表中添加参数面板后,一般情况是点击「查询」按钮,才会展现报表主体内容。如何实现不点击「查询」按钮,参数控件选择值之后即可将报表结果展现出来呢?如下图所示:1.2 实现思路[閱讀全文:]

JS实现倒计时特效
文檔創建者:FineReportTW      創建時間:11-06 18:43      標籤:      編輯:6次    |   瀏覽:311次

摘要:1. 概述1.1 应用场景地产、零售、电子商务等大屏制作时,经常会有倒计时的需求,例如:营销作战倒计时,零售促销倒计时等。1.2 实现思路报表中引用外部 JS 和 CSS 文件,利用 HTIML5 技术[閱讀全文:]

JS实现隐藏Tab块
文檔創建者:FineReportTW      創建時間:07-30 01:28      標籤:      編輯:21次    |   瀏覽:336次

摘要:1. 概述1.1 问题描述用户希望可以自定义设置 Tab 的展现与隐藏,比如不同用户可以查看不同的 Tab 块,或者隐藏一些无关 Tab 页的内容,该如何实现呢?如下图所示,设计界面有 3 个 Tab,[閱讀全文:]

JS实现决策报表中网页框相互刷新
文檔創建者:FineReportTW      創建時間:12-19 18:02      標籤:      編輯:3次    |   瀏覽:280次

摘要:1. 概述1.1 问题描述一个决策报表中使用了 A、B 两个网页框,两个网页框分别显示 A、B 两个不同的报表,如何在 A 网页框中点击 A 报表中的按钮刷新 B 网页框中的 B 报表呢?实现效果如下图[閱讀全文:]

JS实现决策报表中Tab块轮播
文檔創建者:FineReportTW      創建時間:05-25 10:22      標籤:      編輯:12次    |   瀏覽:340次

摘要:1. 概述1.1 问题描述对于多 Tab 的决策报表,如何实现固定时间间隔内自动循环跳转?1.2 解决思路方法一:Tab 布局 中tabpane 中有 Tab 轮播功能,详细可查看 Tab 布[閱讀全文:]

JS实现决策报表定时刷新
文檔創建者:FineReportTW      創建時間:03-14 17:10      標籤:      編輯:15次    |   瀏覽:333次

摘要:1. 概述1.1 预期效果在大屏展示时,客户电视机上安装了帆软 App,打开报表或者决策报表,需要定时刷新的效果。该如何实现呢?1.2 实现思路支持定时 JS,以及取消定时:setInterval(&#[閱讀全文:]

JS实现点击超链切换Tab块
文檔創建者:FineReportTW      創建時間:08-03 17:14      標籤:      編輯:11次    |   瀏覽:421次

摘要:1. 概述1.1 版本报表服务器App 版本HTML5移动端展现插件10.010.1V10.11.2 预期效果用户通过点击报表块单元格的超级链接,实现 Tab 块的切换。如下图所示:1.3 实[閱讀全文:]

JS实现时间齿轮
文檔創建者:FineReportTW      創建時間:04-30 16:25      標籤:      編輯:2次    |   瀏覽:293次

摘要:1. 概述1.1 预期效果时间齿轮是一个动态的齿轮式样,图表面板中央展示系统当前的实时时间,一般用于大屏场景展示。通过 JS 事件可以实现一个简单的时间齿轮图表,效果如下图所示:1.2 实现思路使用 J[閱讀全文:]