单选按钮组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
|
any
|
(已覆盖) |
CheckBoxGroup |
⮞
onFocus
: (e: FocusEvent, sender: RadioButtonGroup) => void
|
function
|
获取焦点事件。 |
CheckBoxGroup |
⮞
onBlur
: (e: FocusEvent, sender: RadioButtonGroup) => void
|
function
|
失去焦点事件。 |
CheckBoxGroup |
⮞
onFocusIn
: (e: FocusEvent, sender: RadioButtonGroup) => void
|
function
|
当前元素和子元素获取焦点事件。 |
CheckBoxGroup |
⮞
onFocusOut
: (e: FocusEvent, sender: RadioButtonGroup) => void
|
function
|
当前元素和子元素失去焦点事件。 |
CheckBoxGroup |
⮞
onChange
: (e: Event, sender: RadioButtonGroup) => void
|
function
|
更改事件。 |
CheckBoxGroup |
⮞
inputs
: CheckBox[]
|
CheckBox[]
|
(只读)获取所有按钮。 |
CheckBoxGroup |
⮞
name
: string
|
string
|
组名称。 |
CheckBoxGroup |
⮞
disabled
: boolean
|
boolean
|
是否禁用。 |
CheckBoxGroup |
⮞
readOnly
: boolean
|
boolean
|
是否只读。 |
CheckBoxGroup |
⮞
readyState
: ControlState
|
ControlState
|
获取当前控件的渲染状态。 |
Control |
⮞
elem
: HTMLElement
|
HTMLElement
|
关联的元素。 |
Control |
⮞
vNode
: VNode
|
VNode
|
(保护的)获取当前控件关联的虚拟节点。 |
Control |
⮞
sourceVNode
: VNode
|
VNode
|
获取创建该控件使用的源虚拟节点。 |
Control |
⮞
alwaysUpdate
: boolean
|
boolean
|
控件是否使用主动更新模式。 |
Control |
⮞
body
: HTMLElement
|
HTMLElement
|
(只读)获取用于包含子控件和节点的根元素。 |
Control |
⮞
duration
: number = 200
|
number
|
渐变的持续毫秒数。如果为 0 则不使用渐变。 |
Control |
⮞
class
: string
|
string
|
CSS 类名。 |
Control |
⮞
style
: string | { [key: string]: string | number; }
|
string | object
|
控件样式。 |
Control |
⮞
id
: string
|
string
|
控件序号。 |
Control |
⮞
content
: NodeLike
|
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()():
|
(保护的)(已覆盖)当被子类重写时负责在关联元素后初始化当前控件。 |
CheckBoxGroup |
⮞
uninit()():
|
(保护的)当被子类重写时负责在元素被取消关联前取消初始化当前控件。 |
Control |
⮞
update()():
|
重新渲染当前控件。 |
Control |
⮞
render()():
|
(保护的)当被子类重写时负责返回当前控件的虚拟节点。 |
Control |
⮞
layout(changes)(changes:
|
重新布局当前控件。 |
Control |
⮞
invalidate()():
|
使当前控件无效并在下一帧重新渲染。 |
Control |
⮞
renderTo(parent, ...)(parent:
|
将当前控件渲染到指定的父控件或节点。 |
Control |
⮞
find(selector)(selector:
|
在当前控件查找指定的子控件或节点。 |
Control |
⮞
query(selector)(selector:
|
在当前控件查找匹配的所有子控件或节点。 |
Control |