Axure中继器怎么对表格进行表格增删改?

所属分类: 软件教程 / 图形图像 阅读数: 1760
收藏 0 赞 0 分享

中继器是目前为止Axure最复杂的功能,也是一个很强大的功能,利用好中继器的强大功能,可以为我们原型设计带来很多便利,在操作表格的时候,想要对表格进行增减操作,该怎么实现呢?下面我们就来看看详细的教程。

一、中继器表格的搭建

1、以录入学生成绩为例,字段:班别、学号、姓名、语文、数学。我们首先根据字段搭建一个表头。

2、接着拖动一个中继器至页面的对应位置,接着根据我们的字段在样式中新增对应列,这里列命名我用字段的拼音命名,然后先补充两行数据。

3、此时我们需要让数据在页面中显示。

双击中继器打开,然后新增对应矩形并命名,同时拖拉标签作为编辑和删除的按钮,对对应矩形框设定交互,使其获取到中继器的数据,如图所示,此时中继器表格便搭建好了。

二、新增数据

1、做个新增成绩的对应弹窗,这里就不详细说明过程。将文本框对应字段命名,方便中继器获取字段。

2、我们要做到点击保存按钮,表格会对应新增你在新增成绩弹窗所填写的数据,还需要在保存按钮上做交互。如图所示点击新建交互,选择鼠标单击时。

3、找到添加行,选择该中继器,然后在设置动作出点击添加行,点击fx

4、首先选择添加局部变量,在对应列找到对应新增字段文本框chengji,这里我命名为首字母cj,以此类推将文本框设置好

5、设置好之后,我们点击预览,然后输入对应成绩,点击保存,表格就会自动新增一行数据

三、删除数据

1、前面我们已经在中继器中拉进了标签“删除”来作为删除按钮,同样双击中继器进入,然后为删除新建交互,选择单击时

2、找到中继器的删除行,选择中继器,删除当前行,确定。

3、最后我们进行页面预览,点击删除按钮,就可以看见对应表格数据被删除。

四、编辑数据

1、与新建弹窗一致,我们设计一个编辑成绩弹窗这里不再赘述过程,前面我们已经在中继器中拉进了标签“编辑”来作为编辑按钮,同样双击中继器进入,然后为编辑新建交互,选择单击时。

2、当我们点击编辑时,我们需要将表格中的信息显示到编辑弹窗中以供修改,所以这个时候需要让对应文本框获取到表格内对应数据的信息。

此时我们找到设置文本的交互,设置对应文本值为对应的中继器值。此外,我们还需要在编辑的时候设定标记该行,否则不在中继器进行数据更新而是在外部的话,中继器不知道你要更新的是哪行数据,所以需要我们进行标记。

3、全部设置好后我们点击编辑,就可以看见编辑成绩弹窗会对应获取到数据。

4、接下来我们要让在编辑成绩弹窗的数据更新至对应行。同样的我们为保存按钮进行新建交互,选择单击时。

5、找到更新行,选择已标记,点击选择列,将中继器里的列全部选择,对应赋予变量值,点击确定。之后进行页面预览就可以进行数据更新啦~

以上就是Axure中继器对表格进行表格增删改的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Axure中继器怎么制作饭店菜谱?

Axure RP 8怎么使用中继器实现自增效果?

Axure rp中继器怎么实现全局数据删除效果?

更多精彩内容其他人还在看

SolidWorks模型阴影怎么去掉?

SolidWorks模型阴影怎么去掉?SolidWorks中尽力的模型在地面上有阴影,该怎么去掉地面中的阴影呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Sketchup2015草图大师插件怎么添加?

Sketchup2015草图大师插件怎么添加?Sketchup2015绘图的时候,需要一些插件,该怎么添加插件呢?下面我们就来看看Sketchup2015插件的添加教程,需要的朋友可以参考下
收藏 0 赞 0 分享

CAXA怎么制作彩色的同心圆?

CAXA怎么制作彩色的同心圆?CAXA中想要绘制一个同心圆,并添加颜色,该怎么添加呢?下面我们就来看看CAXA绘制同心圆的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

blender怎么在场景中心位置创建模型?

blender怎么在场景中心位置创建模型?blender中简历模型的时候,想让模型放到场景正中央,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

CAD里画与两条直线相切的已知半径的圆的方法

很多朋友不知道CAD里如何画与两条直线相切的已知半径的圆;今天小编为大家带来的是CAD里画与两条直线相切的已知半径的圆的方法;有需要的朋友一起去看看吧
收藏 0 赞 0 分享

美图秀秀美怎么制作淘宝图片轮播模板?

美图秀秀美怎么制作淘宝图片轮播模板?经常能看到淘宝页面有图片轮番播放的效果,该怎么制作轮番播放的图片呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

solidworks怎么绘制立体的篮球?

solidworks怎么绘制立体的篮球?solidworks中想要绘制一个篮球,立体感很强的那种,该怎么绘制呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Capture One pro 10详细图文破解激活教程

飞思公司Capture One 10该款RAW转换和图像编辑软件首次全球亮相,新版带来了很多新功能,这款产品会成为目前最强大、响应最迅速、用户可定制程度最高的图像处理工具,下面就来看看具体的破解教程吧
收藏 0 赞 0 分享

solidworks注释中怎么插入符号?

solidworks注释中怎么插入符号?solidworks给图纸添加注释的时候,想要插入符号,该怎么添加呢?下面我们就来看看solidworks给注释添加符号的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

blender怎么渲染背景透明? blender渲染背景为透明方式

blender怎么渲染背景透明?blender中需要将背景渲染为透明的,该怎么做呢?今天我们就来分享两种方法,下面我们就来看看blender渲染背景为透明方式,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多