1.1 问题描述

场景描述：目前多 sheet 切换，可能由于 sheet 标签太多让用户难以准确的选中标签，能不能通过一种简单的方法来供用户准确的选中的 sheet 呢？ 
选中单选按钮组控件的任意一值，可以切换到对应的 sheet，如下图：

1.2 实现思路

可以通过单选按钮组控件的 JS 事件来实现。

2.1 操作步骤

新建工作簿，添加 sheet，在 sheet 名字上单击鼠标右键，可选择重命名，就可以对 sheet 重命名了，分别重命名为苹果、草莓、橘子、梨子、蓝莓、葡萄；

新增参数 rs，在 参数界面 添加参数，控件类型修改为单选按钮组控件，设置 数字字典，分别重命名为苹果、草莓、橘子、梨子、蓝莓、葡萄，具体设置如下图：

注：单选按钮组的选项实际值务必与sheet名一一对应，否则切换会报错！

选中控件，添加一个‘状态改变’事件，具体 JS 如下：

var c = this.options.form.getWidgetByName("rs");
var s = c.getValue();
contentPane.loadSheetByName(s);

JavaScript 代码解释：

var c = this.options.form.getWidgetByName("rs"); //获取名为rs的控件

var s = c.getValue(); //获取控件的的值

contentPane.loadSheetByName(s); //切换到名为s(上面获取到的值)的sheet

2.2 预览效果

保存模板，以(填报预览/数据分析)模式预览即可查看，选中单选按钮组控件的任意一值，可以切换到对应的 sheet。效果如下图：

注：经过测试，手机端和 H5 不支持该效果。

模板效果在线查看请点击：JS 实现点击单选按钮组切换sheet.cpt

已完成的模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\17-JS实现点击单选按钮组切换sheet.cpt

点击下载模板：17-JS实现点击单选按钮组切换sheet.cpt