【Axure实例】中继器增删改查1——增删

通过中继器实现表格的增删改操作,示例如下:

1、拖拽以下元件到面板中,并分别命名好

24文字+3文本输入框+1下拉筛选框+1表格+2按钮

2、添加一个中继器,删除里面本身的所有行

3、在中继器编辑页面添加与表格相同大小的6个矩形框并命名,注意是矩形框哦,不是表格


中继器编辑页面长这样

这里需要全选6个矩形框并组合,设置一个组合名



现在长这样

4、给中继器添加行名称:id,name,gender,position,email,operation

表格内容可以不用输入

5、以上准备工作算是完成了。现在要给中继器添加交互,进行数据添加。

选择【每项加载时】,设置每个中继器中的表格数据等于什么。

这里也就是设置编号、姓名、性别、职位、邮箱的参数取值。特别注意的是,为了实现编号自增,编号的动作设置为[[item.index]]

6、然后为【添加按钮】增加交互设置,即点击添加就增加一行的意思


点击右下角的【添加行】进行配置添加什么行内容到表格中

点击每个参数后面的fx进行变量配置

到此,添加功能就完成啦。

接着,下一章节《【Axure实例】中继器增删改查1——改》

你可能感兴趣的:(【Axure实例】中继器增删改查1——增删)