JS实现单选按钮组始终保持选中某一选项

编辑
文档创建者:yiyemeiying (78157 )     浏览次数:2166次     编辑次数:9次     最近更新:jiangsr 于 2018-05-24     

目录:

1. 描述编辑

在参数界面,单选按钮组在选中了一个选项后,如果用户再次点击这个选项,按钮会处于未选中状态,这样不够人性化。如果希望单选按钮组始终选中一个,这个要如何实现呢?
设置前:

222
设置后:
222

2. 思路编辑

通过给控件添加【初始化后】和【状态改变】JS事件来实现!

初始化 脚本:

var self = this; //鼠标点击事件 this.$container.on("mousedown", function() { //赋值全局变量K self.options.K = self.getValue(); })
状态改变 脚本:
var value=this.getValue(); if(value=="" || value==null){ this.setValue(this.options.K); }

或者采用定位到指定控件的方法:

var obj = this.options.form.getWidgetByName("radioGroup0"); var value=obj.getValue(); //不允许为空 if(value=="" || value==null){ this.setValue(this.options.K); }else{ this.options.K=value; }

3. 操作步骤编辑

3.1 单选按钮组属性设置
1)在参数面板中添加单选按钮组控件和查询控件:
222
2)单选按钮组控件值默认为F,定义控件的数据字典为自定义,实际值分别为F和M,显示值分别为女和男,如下图所示:
222
3.2 添加js事件
1)选中按钮,添加【初始化后】事件:
222
2)选中按钮,添加【状态改变】事件:
222

4. 预览效果编辑

4.1 PC端预览效果
222

注:此方法不支持移动端。

5. 已完成模板编辑

已完成的模板,可参见:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\JS\参数界面JS实例\02-JS实现单选按钮组始终保持选中某一选项.cpt

附件列表


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

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗?