多选按钮 Check2
示例
基本形式
<check2 name="多选按钮" />
半选状态
<check2 name="半选状态" checked={test} />
var component = new RGUI.Component({
template: template,
data: {
test: null
}
});
禁用组件
<check2 name="多选按钮" disabled />
API
Class
Check2
继承自Component。
Options
new Check2()
参数 | 类型 | 默认值 | 数据流向 | 描述 |
---|---|---|---|---|
data | object | 绑定属性 | ||
data.name | string | '' | outer => inner | 多选按钮的文字 |
data.checked | boolean | false | outer <=> inner | 多选按钮的选择状态。`false`表示未选,`true`表示已选,`null`表示半选。 |
data.block | boolean | false | outer => inner | 是否以block方式显示 |
data.readonly | boolean | false | outer => inner | 是否只读 |
data.disabled | boolean | false | outer => inner | 是否禁用 |
data.visible | boolean | true | outer => inner | 是否显示 |
data.class | string | '' | outer => inner | 补充class |
Methods
check2.check(checked)
改变选中状态
参数 | 类型 | 默认值 | 描述 |
---|---|---|---|
checked | boolean | 选中状态。则在true/false之间切换。 | |
返回值 | 类型 | 描述 | |
无返回值 |
Events
check2.$on('change')
选中状态改变时触发
属性 | 类型 | 描述 |
---|---|---|
sender | object | 事件发送对象 |
date | object | 改变后的选中状态 |
check2.$on('check')
改变选中状态时触发
属性 | 类型 | 描述 |
---|---|---|
sender | object | 事件发送对象 |
checked | boolean | 选中状态 |