新建列表
在默认原件栏中拖拽【中继器】到画布并命名为用户管理。
中继器中默认为三行,在样式→数据中删除后两行,同时增加字段,字段名称只能用英文或数字,不能用汉字。
在画布中双击进入中继器,在默认原件中拖拽一个表格,并按照中继器数据字段为表格命名。
在默认原件中拖拽一个多选框,放到第一列中。
为中继器添加【设置文本】交互,将表格中的字段和中继器中的字段关联起来。
重复上述步骤,将中继器中的字段和表单中的字段全部关联起来。
其中ID字段数据需要自增,所以对ID字段设置文本时,将其设置为[[item.index]]。
表单新增
制作新增页面,需要矩形,文本框,下拉列表、文本标签、按钮等基础原件,在画布中完成下图内容,并将所有原件组合起来,命名为新增页面,在样式中将其默认为隐藏。
添加一个新增用户的主要按钮,并设置交互,点击时显示组合新增页面。
为添加时间文本框设置交互,载入时设置文本为当前时间。需要在载入时显示YY-MM-DD hh:mm:ss格式的时间时,对时间文本框设置交互函数:[[Now.getFullYear()]]-[[Now.getMonth()]]-[[Now.getDay()]] [[Now.getHours()]]:[[Now.getMinutes()]]:[[Now.getSeconds()]]
为确定按钮设置交互,点击时为中继器添加行;
将新增页面中的文本框内容和下拉选的内容与中继器内容关联起来。
用文本框与中继器关联时,添加局部变量时,中间项为原件名称;
用下拉选与中继器关联时,添加局部变量时,中间项为被选项。
用同样的方法为中继器的所有字段赋值。
添加确认按钮的后续交互,点击确定后新增页面中的文本框设置文本为空;设置下拉列表的列表中选项为请选择。
设置取消按钮交互,点击取消时新增页面中的文本框设置文本为空;设置下拉列表的列表中选项为请选择;
设置关闭图标交互,点击关闭图标隐藏新增页面。
表单删除
单条数据删除:双击中继器进入中继器内部,在操作添加一个删除按钮。
为删除按钮设置交互,点击时删除中继器的当前行。
批量删除多条数据:双击中继器进入中继器内部,给多选框设置交互,多选框选中时标记中继器行。
在画布中添加一个删除按钮,设置交互,鼠标点击时删除中继器中所有的标记行。
表单修改
制作编辑页面,需要矩形,文本框,下拉列表、文本标签、按钮等基础原件,在画布中完成下图内容,并将所有原件组合起来,命名为编辑页面,在样式中将其默认为隐藏。
为编辑页面中的文本框和下拉列表设置交互,获取当前数据,载入时显示中继器当前行的数据。
双击中继器进入中继器内部,在操作添加一个编辑按钮。
为编辑按钮设置交互,点击时显示编辑页面并标记中继器的当前行。
为编辑页面中的确定按钮设置交互,点击时更新中继器的当前行,将所有文本框和下拉列表与中继器字段关联起来。
为编辑页面中的取消按钮设置交互,将所有文本框与下拉列表的内容设为默认状态。
为编辑页面中的关闭图标设置交互,点击时隐藏编辑页面。
表单筛选
在基本元件中拖拽两个文本框和一个下拉框,添加三个筛选条件,并在画布中添加一个用户查询按钮。
为用户查询按钮设置交互,点击时中继器添加筛选,多个条件并列时用&&来连接,模糊搜索是使用[[item.变量.indexOf(局部变量名)>-1]]设置,对于精确搜索用[[item.变量名=局部变量名]]设置。