axure中的中继器,是为了实现增加和删除的高保真原型。

若实现数据的增加和删除,就要有数据存储的机制。所以中继器中有了“数据集”的概念。

我理解的数据集和数据库的概念是相似的。所以就有了加载页面时需要读取数据集合;增加数据时,要处理好字段的对应关系;删除数据时,需要知道数据索引。这样看中继器就不难理解了。

下面就来记录一下这两天的学习成果:选择“中继器”元件

选择好中继器之后会发现,这个展示的样子和我们想要的格式相差甚远,下面就来发掘一下这个中继器身上的秘密。双击中继器,进入中继器的编辑页面,干掉最开始的小框框,然后设计我们要是的“一条”信息,注意这里是一条,而不是全部的列表哦。

这里,我要显示应用是卡片展示的。所以如上图。下面开始配置列表的展示形式,这里我配置了三个地方。

(1)选择水平,这样卡片会以水平网格的形式展示

(2)多页显示,即使分页处理,并且规定了每页最多是12个卡片的控制

(3)间距,根据自己的需求填写间距

排版的格式完成后,我们就开始进行数据展示,前面有提过,中继器的数据部分都在它的数据集中。

数据集合配置,在卡片中我要展示的信息有三个,将三个属性在数据集中进行配置。同时中继器中的每个输入框命名。

(1)应用名称:appname

(2)类型:apptype

(3)描述:appdescribe

下面实现加载页面时,显示数据集中的数据

①增加载入时事件,为每个属性配置数据集属性

②选择设置文本

③为中继器中每个输入框进行赋值

④选择fx按钮进行配置

⑤选择中继器数据集中对应的名称

以上几个步骤可以理解为从数据集中初始化卡片数据。

配置成功后,预览数据,显示如上图。

下面进行增加数据的过程

首先创建新建应用的动态面板。为新增按钮创建单击事件。

同时增加应用的每个输入框进行命名,确定按钮添加事件如下:

(1)创建添加行事件

(2)为数据集中的属性,找到增新数据的对应输入框

点击fx进行编辑后如下图:

先添加局部变量,找到新增对应的输入框名称,然后再“插入变量或函数”,选择刚才添加的局部变量。

为所有的中继器数据集中的属性逐个添加新增的数据来源,就完成了新增的功能。

axure中继器求和_Axure学习笔记-中继器相关推荐

  1. python分组求和_Python学习笔记之pandas索引列、过滤、分组、求和功能示例

    本文实例讲述了Python学习笔记之pandas索引列.过滤.分组.求和功能.分享给大家供大家参考,具体如下: 前面我们已经把519961(基金编码)这种基金的历史净值明细表html内容抓取到了本地, ...

  2. JSON和异步AJAX请求和i18n学习笔记

    目录: JSON传送 AJAX传送 i18n传送 JSON 返回目录 1.什么是JSON? JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式.易于人阅读和 ...

  3. axure如何竖立文字_AXURE教程:中继器实现穿梭框功能

    在用Axure的时候,怎么通过中继器实现穿梭框功能呢?本文分享了一个方法. AXURE中的中继器是非常强大的底层组件.我们利用好中继器的强大功能,可以为我们原型设计带来很多便利,今天我们要介绍的是如何 ...

  4. Axure(学习笔记)

    Axure学习笔记 学习视频:https://www.bilibili.com/video/BV1ba411m7NY 学习目标 掌握Axure的主要功能和操作 掌握Axure的主要原件使用 能够使用A ...

  5. PHP学习笔记02:自然数列求和

    PHP学习笔记02:自然数列求和 1.在d:\xampp\htdocs里创建文件demo02.php 2.编写源代码 <!DOCTYPE html><head><titl ...

  6. 模电学习笔记(五)——反相求和电路

    模电学习笔记(五) 反相求和电路设计 如下图就是一个反相求和电路设计拓扑 同个例子来说明如何设计反相求和电路 设计目标: 输入1(V) 输入2(V) 输出(V) 频率(kHz) 电源(V) 最小 最大 ...

  7. 【计算机网络学习笔记】计算机网络

    计算机网络学习笔记 第一章 计算机网络概述 1. 计算机网络概述 1.1 计算机网络的概念 1.2 计算机网络的组成 1.3 计算机网络的功能 1.4 计算机网络的分类 1.5 计算机网络的标准化工作 ...

  8. 产品基础学习笔记---传智教育

    以下为本人的学习笔记,如有侵权,请联系删除 一.认识产品经理 1.产品经理的职责 外包公司的产品经理职责 对接甲方客户提出的需求 产出符合客户要求的方案 跟进项目开发进度并定期同客户反馈 初创公司的产 ...

  9. 计算机网络吴功宜学习笔记

    数据报交换方式 一.物理层 保证比特流的正确传输 为数据链路层提供数据传输服务 报文:数据块长度无限制 报文分组:数据块长度有限制,有分组头 数据报传输特点: 无序.无路径.有地址 虚电路传输特点: ...

  10. DHCP服务_学习笔记

    DHCP服务_学习笔记 DHCP(Dynamic Host Configuration Protocol):动态主机配置协议 Lease:租约    续租时间需要是租期时间的一半 UDP协议: Ser ...

最新文章

  1. Chrome之排序问题
  2. 【转】激活 ActiveX 控件
  3. Ubuntu开机黑屏解决办法
  4. 二、在VMware中搭建PHP集成环境(lamp/lnmp/lanmp)
  5. javaScript第七天(2)
  6. 【Flink】Flink on yarn 支持指定 application id 吗? yarn.application.id
  7. 2010年一月份兑换公告
  8. html5应用开发大赛
  9. ural 1012K-based Numbers. Version 2 1013. K-based Numbers. Version 3
  10. Daily Scrum8, Oct. 12th
  11. vyos v1.2安装flask
  12. python foo函数_Python函数基础
  13. Linux Apache服务详解——Apache服务基础知识
  14. 双重差分法之平行趋势检验
  15. CORTEX-A系列处理器
  16. 贝叶斯统计——基础篇
  17. mysql-server-5.6 deb_linux下安装mysql-server-5.6的问题
  18. asp毕业设计——基于Delphi+udp+UDP的基于局域网的信息收发系统设计与实现(毕业论文+程序源码)——教务信息管理系统
  19. html2canvas页面滚动时截图不全空白问题
  20. winter 老师前端面试直播总结

热门文章

  1. office二级笔记
  2. 电脑XP系统最大支持多大内存?
  3. 信阳市的计算机本科学校,郭华平 - 信阳师范学院 - 计算机与信息技术学院
  4. 用众城计算机弹学猫叫,19年真男神当众被逼学猫叫?谁能把我的童年还给我!...
  5. jumpserver-登录提示Server error occur, contact administrator
  6. 阳历和阴历的互转函数
  7. MATLAB 绘图笔记——绘制两端尖角colorbar
  8. css 实现一个尖角_css中尖角的制作实例方法总结
  9. 银行机构的分类、特点及转型方向
  10. 笔记本查看WIFI密码