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

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

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

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

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

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

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

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

具体的js代码如下： if(window.oldtd != null) { window.oldtd.removeAttr("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;

效果查看

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

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

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

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

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

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

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