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

编辑
文档创建者:yiyemeiying (78157 )     浏览次数:1513次     编辑次数:4次     最近更新:yiyemeiying 于 2018-01-10     

目录:

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 单选按钮组属性设置
在参数面板中添加单选按钮组控件,控件值默认为F,定义控件的数据字典为自定义,实际值分别为F和M,显示值分别为女和男,如下图所示:
222
预览效果如下:
222
3.2 添加js事件
(1)选中按钮,添加【初始化后】事件
222
(2)选中按钮,添加【状态改变】事件
222
保存设置,分页预览。
效果如上图所示。

附件列表


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

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

本文档是否有用?
谢谢! 我们非常感谢您的反馈。
提交反馈: