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博客

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

相关推荐
烬头88216 小时前
React Native鸿蒙跨平台应用实现了onCategoryPress等核心函数,用于处理用户交互和状态更新,通过计算已支出和剩余预算
前端·javascript·react native·react.js·ecmascript·交互·harmonyos
雨季6668 小时前
Flutter 三端应用实战:OpenHarmony 简易“动态内边距调节器”交互模式深度解析
javascript·flutter·ui·交互·dart
qq_177767379 小时前
React Native鸿蒙跨平台剧集管理应用实现,包含主应用组件、剧集列表、分类筛选、搜索排序等功能模块
javascript·react native·react.js·交互·harmonyos
烬头882110 小时前
React Native鸿蒙跨平台采用了函数式组件的形式,通过 props 接收分类数据,使用 TouchableOpacity实现了点击交互效果
javascript·react native·react.js·ecmascript·交互·harmonyos
灰灰勇闯IT10 小时前
Flutter for OpenHarmony:弹窗与对话框(Dialog)—— 构建清晰的上下文交互
flutter·交互
晚霞的不甘10 小时前
Flutter for OpenHarmony从零到一:构建《冰火人》双人合作闯关游戏
android·flutter·游戏·前端框架·全文检索·交互
子春一12 小时前
Flutter for OpenHarmony:构建一个 Flutter 习惯打卡应用,深入解析周视图交互、连续打卡逻辑与状态驱动 UI
flutter·ui·交互
雨季66614 小时前
Flutter 三端应用实战:OpenHarmony “极简文本行数统计器”
开发语言·前端·flutter·ui·交互
雨季66615 小时前
Flutter 三端应用实战:OpenHarmony 简易“动态字体大小调节器”交互模式深度解析
开发语言·flutter·ui·交互·dart
晚霞的不甘16 小时前
Flutter for OpenHarmony全面升级「今日运势」 应用的视觉与交互革新
前端·学习·flutter·前端框架·交互