中继器
(一)中继器的数据展示
- 写中继器的名称
- 点击中继器,选择样式,给中继器添加数据
- 给中继器搞表格列数:双击中继器,在中继器的(高光区域中)矩形中拖拽一个表格,设置好表格的大小和每个框的名称。
- 获取数据:选中中继器的交互,可看见默认的ITem(每一行的数据),双击进入ITem
Loaded。设置动作,把在起好名字的单元格设置文本,值为对应的数据表格头列名。即设置姓名单元格的文本为【【Item.username】】。(把每一行的username设置到姓名单元格中。)(fx中有全局变量和局部变量)中继器的数据获取需要用到中继器中的全局变量。 - 在中继器的上方弄表头
(二)中继器中的按钮
-
设置好中继器上方的表头和(中继器模板)中继器里面的表格列数、大小
-
拖拽并设置好按钮的文本:删除、修改,并且设置好大小和颜色
删除按钮:点击交互-新建鼠标单击时的交互,绑定中继器动作的删除行动作,选择中继器中的当前行动作。
修改按钮:
1.设置显示与隐藏,绑定模态框给显示出来;
2.设置文本,把电话号码框勾上,电话号码框的值是全局变量[[telephone]]。以此类推。(即把在中继器中当前修改的这一行数据中的telephone放到电话号码框中);
3.设置文本再添加一个目标,元件的名字是标题,给它一个死值,改为编辑顾客信息。
4.增加元件动作的取消标记行,右侧选择全部。先取消所有标记,再标记当前行。
5.选择中继器动作的标记行,右边选择当前行。(选择哪一行的修改按钮就标记哪一行)
(三)中继器上边的新增按钮
-
点击新增按钮的交互,新建鼠标单击时,绑定中继器动作中的添加行动作。可添加死数据
-
拖拽一个高级新增按钮
在交互中绑定单击事件,点击模态框的显示与隐藏动作
在模态框出现之前,模态框要清空输入,以便输入的添加。在元件动作里面,设置文本的目标是框的值为空。添加设置文本目标:标题元件设置文本为新增顾客信息。
(四)模态框 -
拖个矩形2,调好位置和尺寸,填充颜色和调节透明度。
-
拖个矩形2,设置好位置和大小。
1.再拖拽另一个矩形2(框名字为标题),填充颜色和大小,设置文本为新增顾客信息
2.拖拽文本标签和文本框。
3.拖拽俩个按钮,文本为:取消和确定
取消按钮需要把绑定交互,现实与隐藏模态框
确定按钮中的新增情形和修改情形都要绑定模态框的现实与隐藏
(情形判断:在鼠标点击时有启用情形的英文符号)确定按钮需要分两种鼠标点击时的情形,根据标题来进行操作。 -
除了新增按钮、表头、中继器外,组合成一个名为模态框的组合。
-
将组合模态框在样式中隐藏掉,但是浏览器中看不见。在工作区中是黄色的,可以隐藏掉