历史版本9 :JS实现点击单选按钮组切换sheet 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 描述编辑
2. 思路编辑
可以通过单选按钮组控件的JS事件来实现。
3. 操作步骤编辑
新建工作簿,添加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
4. 预览效果编辑
4.1 PC端预览效果
保存模板,以(填报预览/数据分析)模式预览即可查看,选中单选按钮组控件的任意一值,可以切换到对应的sheet。
注:经过测试,手机端和h5不支持该效果。
5. 已完成模板编辑
模板效果在线查看请点击:JS实现点击单选按钮组切换sheet.cpt
已完成的模板,可参见:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\JS\填报预览JS实例\17-JS实现点击单选按钮组切换sheet.cpt