跳转到内容

Checkbox

多选框

何时使用

  • 在一组可选项中进行多项选择时;
  • 单独使用可以表示两种状态之间的切换,和 switch 类似。区别在于切换 switch 会直接触发状态改变,而 checkbox 一般用于状态标记,需要和提交操作配合。
  • 当字段类型为MultiDictionary时使用

Checkbox API

IMultiChoiceProps

参数类型说明默认值
allowValues(values: string[]) => string[]allowValues-
allowGroupsstring[]允许选择的分组-
disabledValues(values: string[]) => string[]过滤选项值-

用法

<View title="Checkbox" version="2">
<Record key="company" model="trantor_doc_Company" />
<Form model="trantor_doc_Person" title="编辑态">
<Fields>
<Field name="isDeleted">
<RenderType>
<Checkbox />
</RenderType>
</Field>
</Fields>
</Form>
<Form model="trantor_doc_Company" title="编辑态">
<Fields>
<Field name="type" label="Checkbox(单选会切换到Radio)">
<RenderType>
<Checkbox disabled="#{true}" />
</RenderType>
</Field>
<!-- Field name="type" label="CheckboxGroup(多选没有model会报错)">
<RenderType>
<CheckboxGroup />
</RenderType>
</Field -->
</Fields>
</Form>
</View>

注意:当前例子为0.17.x 版本