行业新闻
Group news
江苏宏丰木业有限公司    您的位置: 首页  >  行业新闻  >  正文

axure中继器实现动态表格效果图文详解

2019年11月04日 文章来源:网络整理 热度:193℃ 作者:刘英

[导读] axure中继器是类似于一个数据的集中地。我们可以把一些数据,例如表格,列表等都塞到中继器里,然后通过别的部件来操作中继器中的数据,比如增加一条记录,排序,分类,分页等等。本文通过图文解说教大家用axure中继器实现动态表格效果。

关键词:Axure表格中继器

axure中继器是类似于一个数据的集中地。我们可以把一些数据,例如表格,列表等都塞到中继器里,然后通过别的部件来操作中继器中的数据,比如增加一条记录,排序,分类,分页等等。本文通过图文解说教大家用axure中继器实现动态表格效果。

一、添加控件

1、添加两个文本控件分别为“姓名”、“Email”

2、添加两个文本框控件分别命名为“inputTextName”、“inputEmailText”

3、添加一个按钮控件“提交”

4、添加一个表格空间,只要头,将头下面的单元格删掉

5、添加一个中继器及两个按钮分别为上一页、下一页。

axure中继器实现动态表格效果图文详解

6、编辑中继器,在中继器中加入表格控件。用于显示动态数据。

axure中继器实现动态表格效果图文详解

二、编辑动作 1、单元格中删除行的动作

进入到中继器编辑界面,将“删除”添加鼠标单击动作为删除行。

axure中继器实现动态表格效果图文详解

2、加入中继器每项加载时的动作

axure中继器实现动态表格效果图文详解

axure中继器实现动态表格效果图文详解

3、编辑提交按钮的动作

axure中继器实现动态表格效果图文详解

场景为添加行、设置当前页、设置每页项数。

axure中继器实现动态表格效果图文详解

设置当前页、设置每页项数。

axure中继器实现动态表格效果图文详解

4、编辑上一页、下一页 翻页场景

axure中继器实现动态表格效果图文详解

axure中继器实现动态表格效果图文详解

axure中继器实现动态表格效果图文详解

三、运行效果

axure中继器实现动态表格效果图文详解

axure中继器实现动态表格效果图文详解

关注电子发烧友微信

有趣有料的资讯及技术干货

axure中继器实现动态表格效果图文详解

下载发烧友APP

打造属于您的人脉电子圈

axure中继器实现动态表格效果图文详解

关注发烧友课堂

锁定最新课程活动及技术直播

声明:电子发烧友网转载作品均尽可能注明出处,该作品所有人的一切权利均不因本站而转移。

上一篇:苹果正在研发至少三款Mac新机型 高通英特尔需警惕强敌来袭


下一篇:软启动器内部线路_软启动器内部原理图

友情链接
Links
鸿运国际官网_鸿运国际备用网址