页面交互

"页面交互" 分类下的文档该分类下有21篇文档创建该分类下的文档
填报分页
文档创建者:文档助手1      创建时间:11-10 13:39      标签:      编辑:34次    |   浏览:71329次

摘要:1. 概述1.1 问题描述填报前端预览时,所有数据都是在一页展示,如果数据量过大,由于前端浏览器的性能限制,将数据全部展现出来,速度会非常的慢,极大影响用户体验。那么填报能否像分页预览一样进行分页展示,[阅读全文:]

JS实现报表加载结束后自动滚动到最下方最右侧
文档创建者:yets11      创建时间:02-28 21:54      标签:      编辑:15次    |   浏览:15228次

摘要:1. 概述1.1 预期效果报表选择「分析预览」或「填报预览」时,由于报表没有分页,通常页面较大。有时用户需要报表在页面加载后,自动滚动到浏览器最下方或最右侧,方便查看或填报最新的数据。如下图所示:1.2[阅读全文:]

Excel数据复制粘贴到填报单元格
文档创建者:文档助手1      创建时间:11-10 13:21      标签:      编辑:15次    |   浏览:35301次

摘要:1. 概述1.1 应用场景FineReport 支持将 Excel 中的数据拷贝到填报页面中,再进行提交。注:不支持移动端。1.2 解决思路填报预览时,先增加相应数量的空白记录,再将 Excel 中的数[阅读全文:]

填报动态隐藏行
文档创建者:Leo.Tsai      创建时间:09-28 13:45      标签:      编辑:2次    |   浏览:1988次

摘要:1. 概述1.1 问题描述在设计填报报表时,某些信息需要根据其他信息的结果来决定是否展示。例如当获得过荣誉信息时,才展示荣誉列表,有工作经验时,才展示工作经验列表,效果如下图所示:1.2 解决思路利用[阅读全文:]

JS实现当前页刷新
文档创建者:文档助手1      创建时间:01-19 17:21      标签:      编辑:16次    |   浏览:37178次

摘要:1.概述1.1 预期效果1.1.1 示例一:填报成功刷新1.1.2 示例二:数据校验刷新1.1.3 示例三:点击按钮刷新1.2 实现思路通过location.reload()来刷新当前页,和手动刷新是一[阅读全文:]

JS 获取单元格字符串中的数字
文档创建者:L大大      创建时间:03-09 12:42      标签:      编辑:10次    |   浏览:12507次

摘要: 1. 概述1.1 预期效果制作填报报表时,需要动态提取字符串中的数字,如下图所示:1.2 实现思路通过给文本框控件添加编辑结束事件实现。接口说明可以参考:控件接口,单元格接口注:该方案只适用[阅读全文:]

JS获取填报单元格值或给单元格赋值
文档创建者:印然      创建时间:11-17 17:07      标签:      编辑:19次    |   浏览:63175次

摘要:1. 概述1.1 问题描述我们可利用 JS 获取单元格的值,或修改单元格中的值,如下图所示:1.2 实现思路通过JS调用单元格接口来获取和改变单元格的值。接口说明可以参考:单元格接口。2. 示例一:单元[阅读全文:]

JS隐藏sheet页
文档创建者:Poseidon      创建时间:02-15 14:18      标签:      编辑:10次    |   浏览:31400次

摘要:1. 概述1.1 问题描述针对于填报 sheet 页多的情况,有的 sheet 页是初始化不需要展示,或者说直接就是隐藏的;例如针对于一些计算用的,这些是不需要页面展示的 sheet 页,直接使用下面的[阅读全文:]

JS获取当前编辑行单元格行号
文档创建者:印然      创建时间:11-17 17:14      标签:      编辑:18次    |   浏览:42011次

摘要:1. 概述1.1 问题描述希望点击某行的单元格时,获取对应该行的行号,如下图所示:1.2 实现思路通过 cellselect 监听事件,当某单元格被选中时传对应单元格的行序号给需要显示行号的单元格。注:[阅读全文:]

JS实现点击按钮打开对话框报表
文档创建者:jiangsr      创建时间:11-16 17:07      标签:      编辑:14次    |   浏览:30244次

摘要:1. 概述1.1 预期效果如何实现在 iframe 中嵌入报表?效果如下图所示:1.2 实现思路给按钮控件添加点击事件,添加 iframe 弹框并在其中嵌入模板,使用 re[阅读全文:]

JS实现批量选择数据并打印
文档创建者:文档助手1      创建时间:11-10 14:46      标签:      编辑:22次    |   浏览:12775次

摘要:1. 概述1.1 问题描述填报时希望将选中的数据以自定义的样式打印出来,效果如下图所示:前端填报时复选几条数据:点击打印按钮后,数据展示为自定义的样式:1.2 实现思路可以设计另外一个有固定格式的模板,[阅读全文:]

JS实现钻取到子页面进行填报
文档创建者:lzd_14      创建时间:04-06 17:57      标签:      编辑:8次    |   浏览:6087次

摘要:1. 概述1.1 预期效果制作填报报表时,希望主模板只用来查看主要数据或基础信息,通过 超级链接-网络报表 的形式到子模板「预览」或「编辑」详细内容,预期效果如下:1.2 实现思路在[阅读全文:]

填报常用技巧
文档创建者:文档助手1      创建时间:11-10 14:39      标签:      编辑:24次    |   浏览:31007次

摘要:1. 去除填报页面选中单元格时的黑色边框1.1 问题描述前端填报预览时,如果选中某个单元格,该单元格会出现如下图所示的黑色外框,比较影响整个页面的美观,那么该如何将这个边框去除掉呢?1.2 解[阅读全文:]

JS实现页面加载后默认显示指定sheet页
文档创建者:yiyemeiying      创建时间:05-15 09:08      标签:      编辑:18次    |   浏览:16207次

摘要:1. 概述1.1 问题描述 如果报表中有多个 sheet 页,前端预览时,默认展示第一个 sheet 页,那么页面加载后如何展示指定 sheet 页呢?如下图示例中的效果,报表选择填[阅读全文:]

JS实现根据当前sheet隐藏参数面板
文档创建者:星踪      创建时间:06-15 15:45      标签:      编辑:1次    |   浏览:5677次

摘要:1. 概述1.1 问题描述多sheet的场景下,参数面板默认会在所有sheet显示,如果希望只有部分sheet展示参数面板,其他不显示,该如何设置呢?1.2 解决思路利用JS获取当前sheet编号,判断[阅读全文:]

JS实现关闭子页面时刷新父页面
文档创建者:gxy120313      创建时间:02-17 10:55      标签:      编辑:21次    |   浏览:31883次

摘要:1. 概述1.1 问题描述在实际项目中做填报时,会遇到点击按钮跳转到子页面填写详细信息。当填报完成,关闭子页面时,希望能刷新父页面。要如何设置才能实现呢?注:360 浏览器极速模板不支持该效果1.2 实[阅读全文:]

JS实现子窗口填报后刷新父页面
文档创建者:yiyemeiying      创建时间:03-01 19:48      标签:      编辑:9次    |   浏览:34500次

摘要:1. 概述1.1 需求描述当填报通过子报表实现时,希望子报表填报成功后,数据能马上在主报表中显示出来,通常采用的方法是刷新主报表,要如何设置才能实现子报表填报成功后刷新主报表呢?效果如下图所示:1.2[阅读全文:]

实时统计填报页面的有效记录条数
文档创建者:文档助手1      创建时间:11-10 14:46      标签:      编辑:10次    |   浏览:19226次

摘要:1. 概述1.1 问题描述希望填报时上方可以实时显示当前页面的有效记录数(什么是有效记录数可以自己定义),示例效果如下图所示:1.2 实现思路可以添加公式通过 count 计数函数实现,示例中统计出产品[阅读全文:]

JS实现点击单选按钮组切换sheet
文档创建者:zsh331      创建时间:02-17 20:29      标签:      编辑:12次    |   浏览:18559次

摘要:1. 概述1.1 问题描述报表有多个sheet 时,每次切换 sheet 都需要移动鼠标点击左下方便签,且 sheet 标签过多时,很难准确的选中标签,能不能通过一种简单的方法来供用[阅读全文:]

JS实现填报长时间未操作关闭窗口
文档创建者:rushwei      创建时间:08-11 14:32      标签:      编辑:3次    |   浏览:6993次

摘要:1. 概述1.1 问题描述本文提供了报表一段时间内没有操作,那么页面会自动退出或者关闭的方法。效果如下图所示:1.2 实现思路填报模板添加加载结束事件,JavaScript 代码中设置一个倒计时,当监听[阅读全文:]

倒计时消息提示框
文档创建者:星踪      创建时间:07-03 14:49      标签:      编辑:5次    |   浏览:15414次

摘要:1. 概述1.1 预期效果FineReport 自带的提示框样式比较单一,例如填报校验的提示框,如下图所示:可以通过引入一些 JS 和 CSS 来做出个性化的效果,如下图所示:1.2 实现思路如果是 c[阅读全文:]