最近开始使用axure画原型,从0开始,接触table的增删查改和翻页,这次先讲增加和删除
主要用到:table和中继器
如图:
一、使用文本标签和输入框完成序号,姓名,成绩,班级,并分别命名:
input_ID、input_Name、Input_Grade、Input_Class
使用按钮完成:提交、批量删除按钮
二、开始布局table
(1)拖入动态面板(自行设置宽、高)
(2)双击动态面板,进入面板编辑:
(3)进入动态面板state1,拖入表格(做菜单栏,并只删剩一行),拖入中继器(按照表格列数拓展)
(4)中继器行数添加和列名定义(在面板,中继器属性tab页,添加列名和对应行数数据)
(5)中继器事件设置
(5.1)载入时事件:设置中继器每页显示行数
(5.2)中继器绑定数据:将(4)步骤中的数据与中继器绑定
(6)删除行事件:通过中继器中:操作按钮实现删除
(7)添加行事件:通过界面输入框和提交按钮,实现行数添加
点击“fx”按钮:
(8)批量删除:通过表格第一行(菜单栏)复选框完成批量选择和取消选择
(8.1)选中事件和取消选中事件
(8.2)中继器中复选框事件:主要为增加标记和取消标记状态
(8.3)批量删除按钮事件:删除已标记行
第一次记录,请多见谅。
2019-5-30