一:添加行
实现效果:点击新增按钮弹出新增模态窗,输入新增的姓名与学号点击确认将会在表格中新增一行。
原型: 效果:
实现步骤:
1.在原型中隐藏新增弹出层,给新增按钮设置鼠标单击事件,当单击时显示新增弹出层,动画效果为向下滑动,设置灯箱效果,这样就会有模态框弹出的效果。
2.给关闭按钮与关闭图标设置鼠标单击事件,当鼠标当单击时隐藏新增弹出层,动画效果为向上滑动。
3.给保存按钮设置鼠标单击事件,当鼠标单击时,设置中继器数据集中的添加行,在配置动作中选择中继器,点击右下方的添加行,会出现一个弹出层上面的表格就是中继器的那个表格,找到学生姓名那一列,点击fx,设置局部变量LVAR1,LVAR1等于新增弹出层中学生姓名文本框的元件文字;学号设置同上。
4.添加行之后隐藏新增弹出层,动画效果为向上滑动。
5.中继器序号那一列,设置它每项加载时的文本值为[[Item.index]],这样它就可以在你新增行之后实现自己递增的效果。
二:删除行
实现效果:点击上方红色的删除按钮或表格中任意一个的删除按钮弹出确认是否删除模态窗,(选中的复选框只能单选,不能同时选取多个)点击确认按钮,删除选中列。
原型: 效果:
实现步骤:
1.在原型中隐藏删除弹出层,给删除按钮设置鼠标单击事件,当单击时显示删除弹出层,给关闭按钮与关闭图标设置鼠标单击事件,当鼠标当单击时隐藏新增弹出层,配置动作都与新增一样。
2.给确认按钮设置鼠标单击事件&#