Axure RP9 利用中继器实现列表数据的切换,分页器数据的动态交互加载
Axure RP9 利用中继器制作分页组件在原型制作中,如何实现分页数据的动态加载、分页与数据的交互,每页显示条数的设定。下面通过制作五年级一班成绩单分页列表,分享给大家,适合有一定axure使用基础的人员,如有更好的方案,请多多指教。最终效果图:步骤1:首先利用中继器画出成绩单列表,并绑定成绩单数据。步骤2:画出每页显示条数控制下拉框,利用中继器画出分页组件步骤3:新增全局标量maxpage(显
·
Axure RP9 --利用中继器制作动态分页
在原型制作中,如何实现分页数据的动态加载、分页与数据的交互,每页显示条数的设定。下面通过制作五年级一班成绩单分页列表,分享给大家,适合有一定axure使用基础的人员,如有更好的方案,请多多指教。
原型下载地址:https://download.csdn.net/download/shandongmike/20704338?spm=1001.2014.3001.5503
最终效果图:
步骤1:首先利用中继器画出成绩单列表,并绑定成绩单数据。
步骤2:画出每页显示条数控制下拉框,利用中继器画出分页组件
步骤3:新增全局标量maxpage(显示的最多页码),minpage(显示的最小页码),i(循环计数),j(最循环数),selectpage(当前选中的页码)
步骤4:新增“重置分页数据按钮”,“重置分页数据按钮1”,用来重置分组组件中对应中继器的数据。添加对应的数据点击交互事件,用来循环添加分页组件显示的页码。
步骤5:给“每页显示条数”下拉框添加选项改变事件,用来修改成绩的中继器每页显示的数据条数、重新设定最多页码,触发重新加载分页组件数据,重置当前选中页码为1.
步骤6:进入分页组件中继器,为分页数值lable添加选中与鼠标悬停时的交互样式
步骤7:为分页数值lable添加数据点击交互事件
步骤8:为上一个按钮添加鼠标点击交互事件
步骤9:为下一个按钮添加鼠标点击交互事件
步骤10:隐藏“重置分页数据按钮”,“重置分页数据按钮1”,然后运行预览。
预览结果
原型地址:https://download.csdn.net/download/shandongmike/20704338?spm=1001.2014.3001.5503

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐
所有评论(0)