电子表格FineReport教程：[28]按钮控件示例

下面就通过电子表格FineReport来简单介绍一下。

工具/原料

大小：148.2M 适用平台：windows/linux

电子表格FineReport7.1.1

按钮的快捷按键设置

1、问题描述有时我们希望能够通过快捷键来触发按钮，我们可以对按钮控件进行快捷键设置来实现。

2、设置方法可以通过控件的控件设置来添加或修改触发快捷键。例如，查询按钮中设置快捷键为enter，则按enter就会触发查询按钮

3、需要注意的是：FineReport只支持部分的键设置为快捷键即不是所有的键都可以设置快捷键，支持的快捷键如下图所示，若设置了不属于上述快捷键的按键，快捷键将会无效：

点击控件后改变控件颜色

1、问题描述在客户使用我们的多维度报表时，由于多个标签的存在，希望能在查看当前标签内容时，能够突出该标签的颜色，以区分当前查看标签页。

2、解决思路通过js获取到当前被点击的按钮，即tab标签，修改其css样式，使之改变背景颜色。

3、模板准备打开表单模板：%FR_HOME%\WebReport\WEB-INF\reportlets\demo\analytics\multi_report\all.frm。

4、按钮点击事件选中总体概况按钮，在右侧的属性表中添加点击事件，如下图：

5、具体的js代码如下：if(window.oldt蟠校盯昂d != null){window.oldtd.remov髫潋啜缅eAttr("style");}var td;if($(e.target).is("button")){td=$(e.target).parent().parent();}else{td=$(e.target).find("button").parent().parent();}td.css({"background-image":"url()","background-color":"rgb(170, 223, 248)"});window.oldtd=td;

6、效果查看

点击按钮发送邮件

1、问题描述在大多数企业当中，邮件沟通是一个非常常见并且重要的沟通皤材装肢工具，经常性，某个员工完成了某一件事件需要用邮件通知各个相关人员，那么在FineReport该怎么实现这种，比剧安颌儿如说填报一条数据进数据库的时候就用邮件通知相关人员呢？

2、示例—自定义按钮这里做一个简单示例，示范FineReport如何实现发送邮件的功能。实现在参数界面下拉复选框选择收件人，点击按钮时，将所有收件人的邮箱作为邮件正文，当天日期作为邮件标题发送出去。

3、模板准备新建一张空白模板，在模板>模板参数添加1个参数person，并将该参数控件添加到参数面板，控件类型选择下拉框，数据字典设置如下图：

4、发件人设置上面收件人邮箱已经设置好了，下面设置发件人邮箱。用管理员账号登录，点击管理系统>系统设置>邮件，即可配置发件人邮箱，如下图：注：finereport只支持一个发件人，无法动态改变。

5、发送邮件回到模板，切换到参数界面，选中查询按钮，在右侧的属性面板中选择事件标签页，添加一个点击事件，事件的响应方式选择发送邮件，如下图：注：邮件正文支持使用报表中的内容，正文和标题都支持公式和参数

6、效果查看保存模板，分页预览，下拉框值选择helln和shadow，点击查询按钮，即会触发点击事件，将邮件发送给helln和shadow，如下图，FineReport会将上述邮件发送给出去：注：填报控件中的发送邮件只能使用动态标题。

7、示例—web端内置按钮FineReport在web端查看报表时，内置工具栏也有邮件按钮，点击按钮可直接发送邮件，比如说我们预览GettingStarted这个模板，在web端工具栏可以芬简砝鬃看到邮件按钮，点击，弹出邮件发送配置，如下图：