美文网首页Axure产品经理实战
【Axure实例】中继器增删改查1——增删

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

作者: 一只森林鹿Luluzeng | 来源:发表于2020-01-10 15:44 被阅读0次

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

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——增删

    本文链接:https://www.haomeiwen.com/subject/upepactx.html