JS实现点击单选按钮组切换sheet

编辑
  • 文档创建者:zsh331
  • 浏览次数:5040次
  • 编辑次数:10次
  • 最近更新:ukae 于 2018-08-10
  • 1. 描述

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

    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%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\17-JS实现点击单选按钮组切换sheet.cpt


    附件列表


    主题: 二次开发
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]