代码演示

基本形式

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

表单项

在表单中使用

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

半选状态

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

禁用组件

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

API

Classes

Check

Functions

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

Events

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

Check

Kind: global class
Extend: Component

new Check()

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

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 选中状态
← 上传组件 复选组 →
想让文档更完善？ 来 GitHub 提个 PR 吧！