代码演示

基本形式

复选框 check - 图1

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

表单项

在表单中使用

复选框 check - 图2

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

半选状态

复选框 check - 图3

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

禁用组件

复选框 check - 图4

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

API

Classes

Functions

Events

Check

Kind: global classExtend: Component

new Check()

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

config()

Kind: global functionAccess: protected

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

Kind: global functionAccess: public

ParamTypeDescription
checkedboolean选中状态。则在true/false之间切换。

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

Kind: event emittedProperties

NameTypeDescription
senderobject事件发送对象
dateobject改变后的选中状态

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

Kind: event emittedProperties

NameTypeDescription
senderobject事件发送对象
checkedboolean选中状态