1)在 FineReport 设计器左上角点击「文件>新建可视化看板」。
2)在「创建空白看板」Tab 中,可自定义模板名称和尺寸,选择 模板样式 为「内置样式>浅色主题一」。
3)点击「创建看板」。
新建数据库查询 ds1 ,输入 SQL 查询语句:
这段 SQL 表示根据变量 type 的不同值("日报"、"月报"或其他)生成不同的条件来筛选订单数据,条件包括日期、月份和年份。
1)点击组件区「其他>表格组件」,添加到画布中,并将其拉动到合适的大小和位置。
2)选中表格组件,点击右侧配置区「内容>编辑组件」,进入表格编辑界面。
3)表格主体设计如下图所示,将 ds1 数据集中的「订购日期、发货日期、运货商、货主名称、货主地址、货主城市、货主省份」字段拖入单元格。
4)选中 A3 单元格「订购日期」字段,点击「单元格元素>基本」,将数据设置修改为「列表」。
5)设置完成后点击左上角「返回可视化看板」返回画布。
2.4.1 添加组件
1)点击组件区「其他>标题」向画布中添加四个标题组件,调整到适当的位置。
2)标题内容分别设置为 、、、 ,对应需要的参数类型。
3)点击组件区「控件」,向画布中添加三个下拉框控件、一个日期时间控件,调整到适当的位置。
2.4.2 设置下拉框控件
1)从左到右选中第一个下拉框控件,绑定参数设置为「type」。
选项值来源类型设置为「自定义」,实际值和显示值相同,为年报,月报,日报。
选项值来源设置完成后,设置默认值为「年报」。
2)从左到右选中第二个下拉框控件,绑定参数设置为「year」。
选项值来源类型设置为「自定义」,实际值和显示值相同,为 2010、2011。
选项值来源设置完成后,设置默认值为「2010」。
3)从左到右选中第三个下拉框控件,绑定参数设置为「month」。
选项值来源类型设置为「自定义」,显示值和实际值相同,为 01 ~ 12 。
选项值来源设置完成后,设置默认值为「01」。
2.4.3 设置日期时间控件
选中日期时间控件,绑定参数设置为「date」。
默认值为自定义日期时间 2010-01-01,日期范围为自定义,起始日期为 2010-01-01,结束日期为 2011-12-31。
2.4.4 设置组件隐藏
2)双击组件名称,可重命名,将四个标题组件重命名为 报表类型、年份、月份、日期 。
3)鼠标悬浮组件名称时,点击组件左侧的小眼睛 icon,可切换组件显示/隐藏状态。设置日期和月份对应的组件隐藏。
1)选中 type 下拉框控件,在「交互>添加事件」中为其添加「编辑结束」事件。
2)事件名称自定义为「控件联动」,输入 JavaScript 执行脚本。
JavaScript 执行脚本如下所示:
2.6.1 PC 端
点击「预览」,效果如 1.2 节所示。
2.6.2 移动端
移动端请先开启 移动端布局 ,预览方式请参考 FVS移动端预览 。效果如下图所示:
到此这篇vs如何显示行号(vs怎么显示行号)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/bcyy/50833.html