Axure中继器实现时间读取和修改

news2024/10/22 5:53:47

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

课程主题:中继器实现时间读取和修改

主要内容:中继器内不同时间格式的向外读取,和向内赋值,实现中继器时间的修改

应用场景:修改表单、变更时间

案例展示:点击修改——显示修改页面并读取待修改时间——赋值新时间——修改中继器时间

本课重点:不同时间格式的获取方法和赋值方法

演示视频 

中继器实现时间读取和修改


正文内容:实现流程点击修改按钮——标记行——修改页面显示要修改的内容——修改页面进行输入——点击确定——修改中继器制定行时间数据;

步骤一:设计“修改页面”作为我们修改中继器数据的录入窗口,注意文本框的时间格式,载入时隐藏(需要时由修改按钮调出)

1

2

3

因为注销时间是文本格式,我们还要方便的去修改,那么就要设置相应的便捷输入界面如下

4

将以上四个元件组合,命名为1,设置载入时隐藏,点击注销时间文本框显示

5

6

步骤二:添加修改交互,点击修改——显示修改页面——标记当前行——传出文本给文本框

7

8

步骤三:添加“修改页面”的交互,用户在修改页面输入内容后,我们将文本在赋值给中继器的标记行。实现路径:单击时——隐藏修改页面——更新行——目标中继器——已标记——对应列值

9

10

11

12

13

此时我们已经完成了从中继器内取值——时间修改——赋值给中继器的过程。

但还会有以下的问题【步骤四】

步骤四:这时我们发现一个问题,从用户实操的场景出发,如果用户在填写过程中,可能会出现如下两种情况:

1、不想修改了怎么办?解决方案:添加右上角关闭按钮,点击隐藏修改页面

2、还想回退一下看看修改前的数据?

中继器只支持从内向外数据读取,不支持从外向内读取,那么此时我们怎么二次读取中继器标记行的数据呢?而且第一种情况的解决方案简单粗暴,实际上数据还在缓存中,没有彻底解决问题!经过多次尝试从外向内读取失败后,换了拿数据的方法,我们不从中继器外向内读取数据,可以在中继器修改按钮交互触发时,向外多输出一份数据,这样,我们实际上拿到了两份标记行的数据,一份作为修改使用,另一份作为备份,当我们需要时再次使用!这样做最大的好处时省时省力,方便易操作。

14

复制一个新的修改页面,命名为修改页面2,从中继器内多输出一份标记行数据给页面2

15

16

下边设计取消按钮的交互

17

步骤五:设计修改页面的拖动效果,支持用户在前台的随意拖动,友好性设计(完工)

18


本课小结:中继器内不同时间类型的读取和修改需要我们取到text文本,根据中继器的从内到外取值的特性,从外部读取内部信息需要我们思考方法;不同的视角去解决我们要达到的目标,柳暗花明又一村。

相关课程直通车

Axure复选框全选反选取消高级交互-CSDN博客

Axure横向菜单高级交互-CSDN博客

Axure垂直菜单展开与折叠-CSDN博客

Axure树形菜单展开与折叠-CSDN博客

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2220585.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

口电气设备:认证这道坎,如何跨越才能通全球?

今年国内各行各业都非常卷,出口成了一些公司的选择,但出口的电气设备往往不能跳过各种认证,这是市场准入的一部分,必须通过认证以满足当地的电气设备规范,比如出口欧盟需要CE认证 出口美国需要UL认证,加拿大…

ajax 读取文件

DOMException: Failed to read the responseXML property from XMLHttpRequest: The value is only accessible if the objects responseType is or document (was blob). at XMLHttpRequest.r ( $.ajax({ url: 未来之窗_服务, method: GET, …

展会亮点回顾|HMS汽车工业通信解决方案

2024 汽车测试及质量监控博览会(中国)(Testing Expo China – Automotive)于 8 月 28 日至 30 日在上海世博展览馆顺利举行。作为汽车测试技术领域的顶级盛会,来自全球的行业领袖和技术专家齐聚一堂,共同探…

基于Spring Boot、Vue和MyBatis的前后端分离座位管理系统:增删改查功能入门指南

在项目开发和工作实践中,创作灵感往往来自于对日常经验的总结与反思。通过记录技术难点和解决方案,不仅可以加深对问题的理解,还能为后续项目的优化提供参考。与此同时,撰写技术笔记、分享职场心得,不仅是对自己成长的…

Print Appearances Page 打印外观页面

Print Appearances 页面提供了设计时工具,用于自定义在打印网格控件时用于绘制 View 元素的外观。它提供对 BaseView.AppearancePrint 集合的设计时访问。此页面如下图所示。 当前在列表框中选择的 AppearanceObject 的外观设置在属性网格中列出。所有更改都会立即反…

OpenWRT 和 Padavan 路由器配置网络打印机 实现远程打印

本文首发于只抄博客,欢迎点击原文链接了解更多内容。 前言 之前有给大家介绍过 Armbian 安装 CUPS 作为打印服务器,像是 N1 盒子、玩客云,甚至是随身 WiFi 都可以通过 CUPS 来进行打印。但是有些朋友不想专门为打印机添置一个设备&#xff0…

前端实现鼠标可拖动弹框

目录 一、使用原生JS实现 1.HTML结构 2.CSS样式 3.使用JavaScript实现弹框的可拖动功能 二、使用Vue实现 分享一下前端常见功能“可拖动弹框”的实现方式,分别用原生JS和Vue实现。 一、使用原生JS实现 1.HTML结构 首先创建一个弹框的HTML结构,例如…

边缘计算网关助力煤矿安全远程监控系统

煤矿开采环境复杂,危险程度高,每一次事故都带给行业血淋淋的教训,安全问题也是政府与行业亟待解决的难题。伴随着技术的发展,煤矿智能化成为行业探索的新方向,降低安全风险也是智能化的重要目标之一。防微杜渐是安全生…

基于neo4j的体育运动员问答问答系统

你是不是也为毕业项目伤透了脑筋?我们为你准备了一个创新且实用的技术项目——基于neo4j的体育运动员问答系统。无论你是对图数据库技术感兴趣,还是想在自然语言处理方面有所突破,这套系统都能让你在答辩时脱颖而出! &#x1f3a…

论文阅读——Restormer

项目地址: GitHub - swz30/Restormer: [CVPR 2022--Oral] Restormer: Efficient Transformer for High-Resolution Image Restoration. SOTA for motion deblurring, image deraining, denoising (Gaussian/real data), and defocus deblurring. 论文地址&#xf…

Angular 保姆级别教程三

RxJS 13.1.1 什么是 RxJS ? RxJS 是一个用于处理异步编程的 JavaScript 库,目标是使编写异步和基于回调的代码更容易。 13.1.2 为什么要学习 RxJS ? 就像 Angular 深度集成 TypeScript 一样,Angular 也深度集成了 RxJS。 服务、表单、事件、全局状…

雷池WAF自动化实现安全运营实操案例终极篇

免责声明 本教程仅为合法的教学目的而准备,严禁用于任何形式的违法犯罪活动及其他商业行为,在使用本教程前,您应确保该行为符合当地的法律法规,继续阅读即表示您需自行承担所有操作的后果,如有异议,请立即停…

Cookie与Session详解与应用

White graces:个人主页 🙉专栏推荐:Java入门知识🙉 🐹今日诗词:青山一道同云雨,明月何曾是两乡🐹 目录 Cookie和Session 伪造Cookie 获取Cookie数据 传统方法获取Cookie​编辑 使用注解获取Cookie 设…

【CXL协议-性能注意事项(13)】

13.0 Performance Considerations CXL 为加速器访问系统提供了低延迟、高带宽的路径。CXL 的性能取决于多种因素。表 13-1 列出了 CXL 的主要性能属性。 1.实现的带宽取决于协议和有效载荷大小。CXL.cache 和 CXL.mem 的效率预计为 60-90%。效率与 CXL.io 上的 PCIe* 类似 一…

Git的多人协作模式与企业级开发模型

目录 多人协作一 1.要完成的任务 2.准备操作 3.用户的开发操作 4.merge操作 多人协作二 1.要完成的任务 2.用户的开发操作 3.merge操作 4.解决远程分⽀删除后,本地git branch -a 依然能看到的问题 企业级开发模型 1.了解一些常识 2.系统开发环境…

(Golang)初识Go语言!!为什么选择Go?如何配置Go的开发环境?VS Code如何配置Go环境?

1. Go能做什么? go的优点:运行速度快、并发能力强 Go的应用领域: 区块链应用(BT、分布式账本技术) 后端服务应用 例如: 美团后台流量支撑程序 支撑主站的后台流量(排序、推荐、搜索等&#xf…

芯知识 | NVH-FLASH语音芯片支持平台做语音—打造音频IC技术革新

随着科技的飞速发展,人们对于电子产品的音频性能要求越来越高。在这种背景下,NVH-FLASH系列语音芯片应运而生,作为音频IC领域的一次重大技术革新,NVH-FLASH系列语音芯片凭借其卓越的性能与灵活的支持平台,正逐步引领着…

Java 解决阿里云OSS服务器私有权限图片通过URL无法预览的问题

简单描述一下此场景的业务: 由于系统中需要将上传的图片在系统中展示(private私有权限不能直接通过url直接展示),不想通过先下载下来然后以流的形式返回给前台展示这种方法很不友好,毕竟现在前台展示方式都是通过图片URL进行展示,所以就上官网查看API文档,果然找到了解决…

【数据库】Mysql的锁类型

Mysql中的锁机制主要是为了保证数据的一致性和完整性,在并发的情况下起着至关重要的作用。其中锁的类型主要是分为以下几种: 按照粒度分类 全局锁:对于整个数据库实例进行枷锁,加锁后整个实例就处于只读的状态。局锁通常用于需要…

Gin框架操作指南01:开山篇

Gin是目前最流行,性能最好的的GoWeb框架,几乎成为了学习GoWeb必备的知识。本人最近也在学Gin,在b站搜了很多教程,发现有的教程不够详细,有的教程工具包安装有问题,而官方文档的很多示例代码又不全&#xff…