表单组件

我们通过表单组件来收集各种类型的用户输入,由一个表单容器form和它里面的一系列表单组件组成。

表单容器form

form是存放用户输入的容器,不可嵌套,它管理的所有表单组件都应该作为子孙组件放在它里面。
一个页面可以有多个form容器,每个form都应该分配一个本页内唯一的表单名,然后就可以通过$f[表单名]来取得各自的表单数据,比如$f.x是获取名为x的表单数据。翻页时表单数据将被清空。
我们可以通过表达式给表单一个初始数据,然后表单组件就可以编辑初始数据里对应字段的数据了。通常我们会把一个数据库表里的整个x里的内容作为表单初始数据,经过用户编辑后用modify(_id, $f[表单名], true)保存回数据库。
当表单加载完成后会触发挂载事件,我们可以利用它来调整表单数据,比如给数组字段一个空数组。
点击属性面板下方的”更多属性”可以看到整个表单数据,还可以在浏览器开发者工具控制台上输入$f来查看当前页的所有表单数据。

表单组件

表单组件用来管理表单字段,所以必须填写字段名。字段名可以是简单文本,也可以是带有小数点的路径,甚至是复杂表达式。
表单组件可以有个默认值,当前表单字段没有值时就会用此默认值填充。
表单组件可以是基本表单控件,比如最常用的input,也可以是各种表单插件。

input文本框

输入类型有:text(默认)、number、file、checkbox、radio、color、range、password、date、time、datetime-local、week、email、tel、url、search、hidden

textarea多行文本框

select下拉选择框

可以使用简单文本子组件为选项列表,也可以使用数组表达式来动态渲染选项列表,还可以用二维数组分别指定选项值和显示文本。

switch开关

对应字段值的true或false

Make in ZC APP Platform