代码演示

基本形式

<jr-check name="多选按钮" />

表单项

在表单中使用

<jr-form>
    <jr-form-item cols="12" title="用户名" hint="用户名的用途">
        <jr-check name="多选按钮1" />
        <jr-check name="多选按钮2" />
    </jr-form-item>
</jr-form>

半选状态

<jr-check name="半选状态" checked={test} />
var component = new JRUI.Component({
    template: template,
    data: {
        test: null
    }
});

禁用组件

<jr-check name="多选按钮" disabled />

API

Classes

JRCheck

Constants

Component

JRCheck 多选按钮

Functions

config()
check(checked) 改变选中状态(checked) ⇒ void

Events

“change 选中状态改变时触发”
“check 改变选中状态时触发”

JRCheck

Kind: global class
Extend: Component

new JRCheck()

Param Type Default Description
options.data object = 绑定属性
[options.data.name] string => 多选按钮的文字
[options.data.checked] boolean false <=> 多选按钮的选择状态。false表示未选，true表示已选，null表示半选。
[options.data.block] boolean false => 是否以block方式显示
[options.data.readonly] boolean false => 是否只读
[options.data.disabled] boolean false => 是否禁用
[options.data.visible] boolean true => 是否显示
[options.data.class] string => 补充class

Component

JRCheck 多选按钮

Kind: global constant

Author: sensen(rainforest92@126.com)

config()

Kind: global function
Access: protected

check(checked) 改变选中状态(checked) ⇒ void

Kind: global function
Access: public

Param Type Description
checked boolean 选中状态。则在true/false之间切换。

“change 选中状态改变时触发”

Kind: event emitted
Properties

Name Type Description
sender object 事件发送对象
date object 改变后的选中状态

“check 改变选中状态时触发”

Kind: event emitted
Properties

Name Type Description
sender object 事件发送对象
checked boolean 选中状态
← 按钮 复选组 →