跳到主要内容

表单容器

高性能表单控件，自带数据域管理。包含数据录入、校验以及对应样式。

何时使用​

  • 用于创建一个实体或收集信息
  • 适用于单个表单的场景
  • 需要对输入的数据类型进行校验时

一、属性​

1.数据源​

image-20250715144807151

1）数据源-创建数据​

创建数据：一般用于创建新数据，提交表单。通过绑定相关的API来创建数据，数据绑定之后，表单项将自动根据API匹配标签和数据项，在界面当中自动同步表单容器内表单项的标题和对应形式的输入框。

image-20250715145325369

2）数据源-更新数据​

更新数据：一般用于对数据进行更改后提交。通过绑定相关的更新API来更新数据，表单项将根据API自动匹配标签和数据项，在界面当中自动同步在界面当中自动同步表单容器内表单项的标题和对应形式的输入框。

image-20250715151727002

3）数据源-初始化数据​

初始化数据一般是指在表单刚加载时用于填充每个字段的默认值。初始化数据绑定详见数据绑定。

image-20250715152324846

2.表单项​

在表单项当中可设置表单项的标签，数据项，以及是否禁用或隐藏。如果创建数据或者更新数据绑定了对应的API,将自动生成表单项。

image-20250715152534177

3.外观​

1）外观-标签对齐​

标签对齐可设置标签的位置。有上下左右四个可以选择的对齐方式，默认为左。

image-20250715152847776

如下为设置不同对齐方式的效果图。

image-20250715153151426

2）外观-标签宽度​

标签宽度：自定义标签的宽度，默认是60px。如下为不同标签宽度的对比。

image-20250715153553643

3）外观-冒号

开启冒号后标签文字内容后面自动添加冒号。

image-20250715153955675

4.状态​

无特殊状态，详见通用状态。

二、样式​

无特殊样式配置，详见通用样式。

三、常见使用场景​

1.添加数据或更新

如下，假设设计了一博客内容表，要新增或者更新博客内容。

image-20250715154219525