理论教育 单选按钮属性及使用方法详解

单选按钮属性及使用方法详解

时间:2023-05-19 理论教育 版权反馈
【摘要】:单选按钮可以看作一个拥有两个状态(开/关)的按钮,一般也会使用单选按钮组为用户提供选项。单选按钮包含以下属性。图4-73 创建后的效果图4-74 运行效果图4-75 创建特性5)将第一个单选按钮的“keyToSelect”改为“1”,随后绑定“gendor”上下文特性,如图4-76所示。图4-80 添加参数映射10)保存所做修改,切换至Java编辑器,在“Select”动作的方法中添加代码:wdComponentAPI.getMessageManager().reportSuccess;11)保存所有修改,并重新编译、运行之后,即可测试单击单选按钮的效果,如图4-81所示。

单选按钮属性及使用方法详解

单选按钮可以看作一个拥有两个状态(开/关)的按钮,一般也会使用单选按钮组为用户提供选项。当然,如果条目太多,还是建议使用下拉列表。

单选按钮包含以下属性。

●activateAccessKey:设置是否允许快捷键(使用“Alt”键与首字母触发默认事件)。

●contextMenuBehaviour:设置上下文菜单行为,默认有“继承”“允许”和“禁止”3种类型。

●contextMenuId:设置上下文菜单的唯一标识。

●enabled:控制元素是否可用。

●explanation:设置元素的解释文本,设置后元素文本下方会出现一条绿色的下画线。当鼠标悬停在文本上时,会弹出解释文本的说明。

●keyToSelect:当前单选按钮对应的键。

●readOnly:控制元素是否只读。

●selectedKey:绑定的上下文结点数据源。

●state:控制元素的显示状态,默认有“normal”和“required”两种状态。在选择“required”后,元素会出现一个红色星号进行提醒,但逻辑控制仍需要编写相关代码。

●text:控制复选框显示的描述文本内容。

●textDirection:控制下拉列表显示文本的排列顺序,默认有3个选项:继承自父元素、从左往右和从右往左。

●tooltip:控制提示消息的显示文本。

●visible:控制元素是否可见。

●onSelect事件:在用户选择时触发的事件。

开发实例:

1)打开任一视图(如果需要创建新的工程或视图,请参考之前章节步骤),右击“Out⁃line”元素清单中的“RootElement”根结点,选择插入子对象,选择单选按钮类型,输入ID名称,单击“OK”按钮,如图4-72所示。

978-7-111-58177-2-Chapter04-75.jpg

图4-72 选择元素类型

2)再添加一个单选按钮和一个标签,如图4-73所示。

3)编辑标签文本为“性别”,编辑两个单选按钮的文本分别为“男”和“女”,如图4-74所示。

4)进入视图的上下文页签中,创建一个字符串类型的上下文“gendor”,如图4-75所示。

978-7-111-58177-2-Chapter04-76.jpg

图4-73 创建后的效果

978-7-111-58177-2-Chapter04-77.jpg

图4-74 运行效果(www.daowen.com)

978-7-111-58177-2-Chapter04-78.jpg

图4-75 创建特性

5)将第一个单选按钮的“keyToSelect”改为“1”,随后绑定“gendor”上下文特性,如图4-76所示。

RadioButton

6)将第二个单选按钮的“keyToSelect”改为“2”,随后绑定“gendor”上下文特性,如图4-77所示。

978-7-111-58177-2-Chapter04-79.jpg

图4-76 修改属性

978-7-111-58177-2-Chapter04-80.jpg

图4-77 修改属性

7)在单选按钮的事件中创建“Select”动作,同时将另一个单选按钮的时间处理也与“Select”动作进行绑定,如图4-78所示。

8)在创建动作时,添加一个字符串类型的输入参数“key”,如图4-79所示。

978-7-111-58177-2-Chapter04-81.jpg

图4-78 创建事件

978-7-111-58177-2-Chapter04-82.jpg

图4-79 添加动作参数

9)右击“Outline”清单中的单选按钮,选择“Parameter Mapping”创建参数映射(如果在创建动作时不添加对应参数,则无法进行映射),将单选按钮所选的关键字与创建的动作中的参数进行映射,如图4-80所示。

978-7-111-58177-2-Chapter04-83.jpg

图4-80 添加参数映射

10)保存所做修改,切换至Java编辑器,在“Select”动作的方法中添加代码:

wdComponentAPI.getMessageManager().reportSuccess(key);

11)保存所有修改,并重新编译、运行之后,即可测试单击单选按钮的效果,如图4-81所示。

12)单击按钮后,可以看到打印出的具体内容,如图4-82所示。

978-7-111-58177-2-Chapter04-84.jpg

图4-81 运行效果

978-7-111-58177-2-Chapter04-85.jpg

图4-82 选择后的效果

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈