页面交互

"页面交互" 分类下的文档该分类下有26篇文档创建该分类下的文档
填报动态隐藏行
文档创建者:axing      创建时间:08-07 18:57      标签:      编辑:3次    |   浏览:32次

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

填报页面优化技巧
文档创建者:文档助手1      创建时间:11-10 14:39      标签:      编辑:27次    |   浏览:33556次

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

JS隐藏sheet栏
文档创建者:Leo.Tsai      创建时间:09-20 18:54      标签:      编辑:2次    |   浏览:122次

摘要:1. 概述1.1 问题描述有时候通过自定义按钮实现了切换 sheet 效果,不需要使用官方提供的 sheet 栏,希望隐藏掉;或者直接想隐藏掉 sheet 栏。那么可以使用本文的方案来实现。1.2 实现[阅读全文:]

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

摘要:1.概述1.1 预期效果1.1.1 示例一:填报成功刷新1.1.2 示例二:数据校验刷新1.1.3 示例三:点击按钮刷新1.2 实现思路通过location.reload()或者_g().refresh[阅读全文:]

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

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

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

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

JS实现填报切换单元格后立刻获得焦点
文档创建者:axing      创建时间:07-25 01:24      标签:      编辑:1次    |   浏览:582次

摘要:1. 概述1.1 应用场景在填报模式下,使用快捷键 tab 切换到下一列,或者使用 enter 切换到下一行时,单元格会被套上一个粗大的黑框,虽然也能直接输入,但是给用户的体验很不好。如何在切换之后是控[阅读全文:]

填报分页
文档创建者:文档助手1      创建时间:11-10 13:39      标签:      编辑:36次    |   浏览:74207次

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

打印导出时保留JS改变的单元格样式
文档创建者:yets11      创建时间:03-06 07:48      标签:      编辑:12次    |   浏览:13551次

摘要:1.概述1.1 问题描述在填报页面中,有时会使用 JS 对页面样式进行调整,比如下图所示的勾选复选框后会改变指定单元格的颜色。当需要进行导出或打印时,发现样式并没有生效,如下图所示:那么怎样才能将样式一[阅读全文:]

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

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

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

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