Axure重要元件三——中继器修改数据

亲爱的小伙伴,在您浏览之前,烦请关注一下,在此深表感谢!

课程主题:中继器修改数据

主要内容:显示编辑内容、表格赋值、修改数据

应用场景:更新行、表单数据行修改

案例展示:

正文内容:

步骤一:制作修改页面,录入图中各表单项,并分别进行文本框的命名,方便下一步赋值

1

2

3

步骤二:组合这个修改页面,并命名"修改页面",交互:载入时隐藏这个组合

4

步骤三:添加中继器内修改按键的交互,单击时------显示修改页面组合

5

步骤四:为修改页面每一个文本框进行赋值,并标记行;赋值的目的是当用户点击修改按键后,显示出来的页面会在文本框内显示原来的数据,用户可根据需要进行修改;

6

7

8

步骤五:修改页面的确定按钮添加交互,单击时------隐藏修改页面

9

步骤六:继续添加交互,此时思考逻辑是要将修改页面录入的数据赋值给标记的行,那么操作步骤是更新行------已标记------赋值

10

11

12


本课小结:中继器修改数据课程难点一是取出已录入的数据,需要将标记行的每一列数据的文本取出text,赋值给文本框;难点二赋值给中继器,将文本框填入的数据去变更中继器元件文字内容;

推荐继续学习课程: 中继器实现时间读取和修改-CSDN博客

连续课程直通车

Axure重要元件三------中继器-CSDN博客

Axure重要元件三------中继器表单制作-CSDN博客

Axure重要元件三------中继器查询和统计-CSDN博客

Axure重要元件三------中继器时间排序-CSDN博客

Axure重要元件三------中继器添加数据-CSDN博客

Axure重要原件三------中继器删除数据-CSDN博客

Axure重要元件三------中继器修改数据-CSDN博客

Axure重要元件三------中继器函数-CSDN博客

如有其他相关问题,欢迎私信沟通,关注 结构化知识课堂-CSDN博客

明天的产品大咖就是你,创作不易,麻烦关注一下,点赞+收藏、感谢大家!

相关推荐
前端郭德纲1 天前
React Native的界面与交互
react native·react.js·交互
招风的黑耳2 天前
Axure智慧社区数据可视化大屏模板
axure·数据可视化·智慧社区
好开心332 天前
javaScript交互案例
开发语言·前端·javascript·html·ecmascript·交互
PM大明同学2 天前
Axure PR 9 穿梭框 设计&交互
ui·交互·产品经理·axure·photoshop
独行soc2 天前
#渗透测试#SRC漏洞挖掘#网络运维# 黑客脚本编写04之脚本与用户交互
运维·安全·面试·bash·交互
m 哆哆.ღ3 天前
【Python进阶】Python中的数据库交互:ORM技术与SQLAlchemy
数据库·python·交互
老码沉思录3 天前
React Native 全栈开发实战班 - 网络与数据之 websock与服务端交互
网络·react native·交互
tealcwu3 天前
【Unity基础】对比Unity中碰撞类与触发类交互机制
unity·游戏引擎·交互
招风的黑耳4 天前
Axure设计之日期时间范围选择器
axure·元件库·日期时间选择
招风的黑耳4 天前
Axure设计之文本编辑器制作教程
axure