Skip to content

表单取值赋值

表单场景是盘古最为常用的场景,我们在使用表单时经常会需要进行表单项的取值和赋值工作,盘古提供了 两种 JS-API 的方式进行表单项取值和赋值:

  1. 通过表单容器的取值赋值方法;
  2. 将表单项绑定变量,通过变量进行取值赋值;

表单容器方式

表单容器提供了表单的取值校验取值赋值方法。使用方式如下所示:

  • 将表单项拖入到表单容器中

  • 需要获取值时,在事件中进行表单取值js方法的调用。这里我们拖入一个按钮,进行按钮的点击事件配置演示表单值获取。

  • 同样,赋值也可以通过js方法调用实现:

注意

通过表单容器 JS-API 方式取值赋值需要校验的表单需要放置到表单容器中。对应的 JS-API 方法中第一个参数为表单容器的 key,可通过查看 JSON 获取。

变量方式

盘古可以对表单项内容绑定变量,通过对变量的取值、赋值能够实现对表单项的取值赋值功能。

  • 创建一个用于表单的form变量,变量的数据类型设置为对象类型,包含name和age两个属性。

  • 将姓名和年龄表单的默认值进行变量绑定,分别绑定到form变量的name属性和age属性。

  • 通过js方法对表单进行赋值。

总结

本章节介绍了表单取值及赋值的两种方式。通过变量的方式更为灵活,但是无法进行表单校验。我们可以根据自己需求采用合适方式。

注意

通过变量的形式进行表单赋值后,可以通过JS-API方式获取表单数据;反之,若表单项绑定了变量,通过JS-API的形式进行表单赋值后,可以通过变量方式获取表单数据。