Teal TealUI

单选按钮组ui/radioButtonGroup

import { VNode, render } from "ui/control";
import RadioButton from "ui/radioButton";
import RadioButtonGroup from "ui/radioButtonGroup";

render(
    __root__,
    <RadioButtonGroup name="n" value="B">
        <RadioButton key="A"></RadioButton>
        <RadioButton key="B">不好</RadioButton>
    </RadioButtonGroup>
);

API

RadioButtonGroup 类

继承自:CheckBoxGroup

表示一个单选按钮组。

字段 类型 描述 继承自
value : any

(已覆盖)

继承自

CheckBoxGroup

any

(已覆盖)

CheckBoxGroup
onFocus : (e: FocusEvent, sender: RadioButtonGroup) => void function

获取焦点事件。

CheckBoxGroup
onBlur : (e: FocusEvent, sender: RadioButtonGroup) => void function

失去焦点事件。

CheckBoxGroup
onFocusIn : (e: FocusEvent, sender: RadioButtonGroup) => void

当前元素和子元素获取焦点事件。

参考

继承自

CheckBoxGroup

function

当前元素和子元素获取焦点事件。

CheckBoxGroup
onFocusOut : (e: FocusEvent, sender: RadioButtonGroup) => void

当前元素和子元素失去焦点事件。

参考

继承自

CheckBoxGroup

function

当前元素和子元素失去焦点事件。

CheckBoxGroup
onChange : (e: Event, sender: RadioButtonGroup) => void

更改事件。

继承自

CheckBoxGroup

function

更改事件。

CheckBoxGroup
inputs : CheckBox[]

(只读)获取所有按钮。

继承自

CheckBoxGroup

CheckBox[]

(只读)获取所有按钮。

CheckBoxGroup
name : string

组名称。

继承自

CheckBoxGroup

string

组名称。

CheckBoxGroup
disabled : boolean

是否禁用。

继承自

CheckBoxGroup

boolean

是否禁用。

CheckBoxGroup
readOnly : boolean

是否只读。

继承自

CheckBoxGroup

boolean

是否只读。

CheckBoxGroup
readyState : ControlState

获取当前控件的渲染状态。

继承自

Control

ControlState

获取当前控件的渲染状态。

Control
elem : HTMLElement

关联的元素。

继承自

Control

HTMLElement

关联的元素。

Control
vNode : VNode

(保护的)获取当前控件关联的虚拟节点。

继承自

Control

VNode

(保护的)获取当前控件关联的虚拟节点。

Control
sourceVNode : VNode

获取创建该控件使用的源虚拟节点。

继承自

Control

VNode

获取创建该控件使用的源虚拟节点。

Control
alwaysUpdate : boolean

控件是否使用主动更新模式。

继承自

Control

boolean

控件是否使用主动更新模式。

Control
body : HTMLElement

(只读)获取用于包含子控件和节点的根元素。

继承自

Control

HTMLElement

(只读)获取用于包含子控件和节点的根元素。

Control
duration : number = 200

渐变的持续毫秒数。如果为 0 则不使用渐变。

继承自

Control

number

渐变的持续毫秒数。如果为 0 则不使用渐变。

Control
class : string

CSS 类名。

继承自

Control

string

CSS 类名。

Control
hidden : boolean

是否隐藏。

继承自

Control

boolean

是否隐藏。

Control
style : string | { [key: string]: string | number; }

控件样式。

继承自

Control

string | object

控件样式。

Control
id : string

控件序号。

继承自

Control

string

控件序号。

Control
content : NodeLike

控件内容。

继承自

Control

NodeLike

控件内容。

Control
onSelectStart : (e: Event, sender: RadioButtonGroup) => void function

选择开始事件。

Control
onClick : (e: MouseEvent, sender: RadioButtonGroup) => void function

点击事件。

Control
onAuxClick : (e: MouseEvent, sender: RadioButtonGroup) => void function

中键点击事件。

Control
onDblClick : (e: MouseEvent, sender: RadioButtonGroup) => void function

双击事件。

Control
onContextMenu : (e: PointerEvent, sender: RadioButtonGroup) => void function

右键菜单事件。

Control
onMouseDown : (e: MouseEvent, sender: RadioButtonGroup) => void function

鼠标按下事件。

Control
onMouseUp : (e: MouseEvent, sender: RadioButtonGroup) => void function

鼠标按上事件。

Control
onMouseOver : (e: MouseEvent, sender: RadioButtonGroup) => void function

鼠标移入事件。

Control
onMouseOut : (e: MouseEvent, sender: RadioButtonGroup) => void function

鼠标移开事件。

Control
onMouseEnter : (e: MouseEvent, sender: RadioButtonGroup) => void function

鼠标进入事件。

Control
onMouseLeave : (e: MouseEvent, sender: RadioButtonGroup) => void function

鼠标离开事件。

Control
onMouseMove : (e: MouseEvent, sender: RadioButtonGroup) => void function

鼠标移动事件。

Control
onWheel : (e: WheelEvent, sender: RadioButtonGroup) => void function

鼠标滚轮事件。

Control
onScroll : (e: UIEvent, sender: RadioButtonGroup) => void function

滚动事件。

Control
onTouchStart : (e: TouchEvent, sender: RadioButtonGroup) => void function

触摸开始事件。

Control
onTouchMove : (e: TouchEvent, sender: RadioButtonGroup) => void function

触摸移动事件。

Control
onTouchEnd : (e: TouchEvent, sender: RadioButtonGroup) => void function

触摸结束事件。

Control
onTouchCancel : (e: TouchEvent, sender: RadioButtonGroup) => void function

触摸撤销事件。

Control
onPointerEnter : (e: PointerEvent, sender: RadioButtonGroup) => void function

指针进入事件。

Control
onPointerLeave : (e: PointerEvent, sender: RadioButtonGroup) => void function

指针离开事件。

Control
onPointerOver : (e: PointerEvent, sender: RadioButtonGroup) => void function

指针移入事件。

Control
onPointerOut : (e: PointerEvent, sender: RadioButtonGroup) => void function

指针移开事件。

Control
onPointerDown : (e: PointerEvent, sender: RadioButtonGroup) => void function

指针按下事件。

Control
onPointerMove : (e: PointerEvent, sender: RadioButtonGroup) => void function

指针移动事件。

Control
onPointerUp : (e: PointerEvent, sender: RadioButtonGroup) => void function

指针松开事件。

Control
onPointerCancel : (e: PointerEvent, sender: RadioButtonGroup) => void function

指针取消事件。

Control
onGotPointerCapture : (e: PointerEvent, sender: RadioButtonGroup) => void function

指针开始捕获事件。

Control
onLostPointerCapture : (e: PointerEvent, sender: RadioButtonGroup) => void function

指针停止捕获事件。

Control
方法 描述 继承自
init()():void

(保护的)

返回值

类型:void

继承自

CheckBoxGroup

(保护的)(已覆盖)当被子类重写时负责在关联元素后初始化当前控件。

CheckBoxGroup
uninit()():void

(保护的)当被子类重写时负责在元素被取消关联前取消初始化当前控件。

返回值

类型:void

继承自

Control

(保护的)当被子类重写时负责在元素被取消关联前取消初始化当前控件。

Control
update()():void

重新渲染当前控件。

返回值

类型:void

继承自

Control

重新渲染当前控件。

Control
render()():VNode

(保护的)当被子类重写时负责返回当前控件的虚拟节点。

参数 类型 描述 默认值
children VNode[]
props { [key: string]: any; }

返回值

类型:VNode

返回表示当前控件内容的虚拟节点。如果当前控件不渲染任何内容则返回 null。

继承自

Control

(保护的)当被子类重写时负责返回当前控件的虚拟节点。

Control
layout(changes)(changes:Changes):void

重新布局当前控件。

参数 类型 描述 默认值
changes* Changes

返回值

类型:void

继承自

Control

重新布局当前控件。

Control
invalidate()():void

使当前控件无效并在下一帧重新渲染。

返回值

类型:void

继承自

Control

使当前控件无效并在下一帧重新渲染。

Control
renderTo(parent, ...)(parent:Control | Node, refChild?:Control | Node):void

将当前控件渲染到指定的父控件或节点。

参数 类型 描述 默认值
parent* Control | Node
refChild Control | Node

返回值

类型:void

继承自

Control

将当前控件渲染到指定的父控件或节点。

Control
find(selector)(selector:string):Control | HTMLElement

在当前控件查找指定的子控件或节点。

参数 类型 描述 默认值
selector* string

返回值

类型:Control | HTMLElement

返回子控件或节点。如果找不到则返回 null。

继承自

Control

在当前控件查找指定的子控件或节点。

Control
query(selector)(selector:string):(Control | HTMLElement)[]

在当前控件查找匹配的所有子控件或节点。

参数 类型 描述 默认值
selector* string

返回值

类型:(Control | HTMLElement)[]

返回子控件或节点列表。

继承自

Control

在当前控件查找匹配的所有子控件或节点。

Control