程序员经验分享-hwhale

Axure之中继器的使用（交互&动作&reperter属性&Item属性）

2023-12-19

目录

一.中继器的基本使用

二.中继器的动作（增删改查）

2.1 新增

2.2 删除

2.3 更新行

2.4 效果展示

2.5 模糊查询

三.reperter属性

在Axure中，中继器（Repeater）是一种功能强大的组件，用于 创建重复的数据集合或列表 。它允许原型中快速 生成多个相似的元素 ，并根据数据源的变化自动更新这些元素。 中继器的 主要用途 是 模拟动态数据和展示可重复的内容 ， 例如产品列表、新闻列表、用户评论等 。通过设置中继器的数据源和模板，可以轻松地生成多个相同或类似的元素，并在原型中展示它们的不同状态或变化。 中继器还提供了一些 强大的交互功能 ， 例如筛选、排序和分页等 ，使您能够模拟真实的数据操作和用户体验。您可以通过添加交互事件和条件，实现对中继器中元素的动态操作和响应。

一.中继器的基本使用

就以商城展示商品为例：

①将中继器拖入显示区，再样式里面会有一个类似表格的，我们去填写数据即可

②设置交互事件

首先设置文本，值那里选择对应的属性，接着设置图片，也是一样选择属性值即可

最后看看效果吧

二.中继器的动作（增删改查）

和上方一样，不过采用的是表格的形式，数据和上一个案例一样添加即可

2.1 新增

给新增按钮设置交互事件，单击时，获取文本框里的数据，接着添加行即可

2.2 删除

给表格复选框设置标记动作，点击删除按钮根据标记的进行删除行的交互动作

2.3 更新行

就是将新增和删除结合起来，选择复选框，点击更新按钮，删除被标记的行，接着获取文本框的数据将其回显

2.4 效果展示

2.5 模糊查询

给按钮添加筛选，定义规则

三.reperter属性

下面就是一些reperter属性

pageIndex：显示第几页

pageCount：显示一共有多少页

dataCount：显示一共多少条

visibleItemCount显示本页多少条

ItemCount显示筛选之后多少条

四、Item属性

下面就是一些Item属性

isFirst:判断数据行是否为第一行

isLast:判断数据行是否为最某行

isEven：判断数据行是否为偶数行

isOdd：判断数据行是否为奇数行

isMarked:判断数据行是否为被标记

isVisible：判断数据行是否为可见行

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

产品经理的基础必备知识

Axure

交互

Axure之中继器的使用（交互&动作&reperter属性&Item属性） 的相关文章

  • 前后端交互,修改密码校验

    1 思路分析 1 1 前端校验 1 gt 输入的原密码 新密码 确认密码 都不能为空 2 gt 原密码与新密码不能相同 3 gt 新密码与确认密码必须相同 1 2 后端校验 1 gt 后端接收前端发送的原密码和新密码 2 gt 验证输入的原

  • JavaScript编程语言-交互：alert、prompt 和 confirm类型转换，字符串转换，数字型转换，布尔型转换，

    交互 alert prompt 和 confirm 由于我们将使用浏览器作为我们的演示环境 让我们看几个与用户交互的函数 alert prompt 和confirm alert 这个我们前面已经看到过了 它会显示一条信息 并等待用户按下 O

  • vtk数据交互的两种方式之回调函数、vtkCommand

    参考博客 VTK交互之vtkCommand 阿兵 AI医疗的博客 CSDN博客 vtkcommand 一 观察者 命令模式 VTK中用的较多的设计模式是 观察者 命令模式 Observer Command 要实现数据交互 主要基于观察者 命

  • 4-产品需求文档PRD

    一 掌握PRD主要内容 1 PRD常见形式 1 RP格式 借助原型绘制工具 如Axure 绘制原型 并在原型上直接撰写对应页面 内容的说明 产品简介 产品简介 版本说明 交互自查表 产品预览 功能清单 用excel做的 转图片存放 或者直接

  • 【Vue】学习笔记-数据交互

    Vue 学习笔记 数据交互 概述 安装axios 通过axios向后台获取数据 数据交互的实现 常见错误总结 概述 基于Vue的web项目显示的所有服务端数据 都是通过Ajax获取的 官方推荐使用Axios作为Ajax库 所以本文主要讲解在

  • 2022人机交互-考题复习

    最下面有2022的人机交互考题 简答题 什么是人机交互 Human Computer Interaction HCI 是一门专注于设计 评估和实施供人类使用的交互式计算系统的学科 人类处理机模型 最著名的信息处理模型 Card等 1983

  • 本地部署体验LISA模型（LISA≈图像分割基础模型SAM+多模态大语言模型LLaVA）

    GitHub地址 https github com dvlab research LISA 该项目论文paper reading https blog csdn net Transfattyacids article details 132

  • Axure学习之路01——元件介绍

    本系列博客的目的是记录Auxure软件使用的一些要点 学习课程来自 Axure 9从入门到精通 目录 一些设计资源 基本元件 图片 占位符 图像热区 动态面板 内联框架 中继器 表单元件 文本框 文本域 下拉列表 列表框 复选框 单选按钮

  • 为什么375×667是移动端原型设计的最佳分辨率：flutter 设计稿尺寸最好也是375×667...

    部分PM在设计移动端产品的时候 往往是随意画了个原型尺寸或者上网找个模板套进去 当然也有部分知道用375 667比较好 但是不知其所以然 接下来 我来讲清楚为什么以及前世今生 原型尺寸的历史 既然是设计移动端原型 理论上来说最佳的原型尺寸最

  • Axure RP9.0 for Mac安装包+安装教程

    Axure 是一款强大的原型设计和开发人员交接软件 经过重新设计和架构 具有新的硬件加速渲染引擎 旨在更快地保存和加载的文件结构以及用于平滑缩放和更快编辑的简化画布 软件 Axure RP 版本 9 0 语言 简体中文 大小 71 98M

  • 项目回顾（一）-----原型的建立

    距离实习结束也有一段时间了 这段时间里我从前到后参加的过的一个项目 收获颇丰 故在博客中自我总结 积累经验 从了解到需求开始 就要开始着手思考功能 功能联系 数据存储等问题 根据客户的需求来进行原型的设计 这一步操作不单单是给客户一个样例

  • Power BI区域可视化（中国、各省市、各区县）

    1 制作SVG地图元件 Axure 复制到 Axure 的全国 含省 市 区 SVG 地图元件 PNG TO SVG 从复制到 Axure 的全国 含省 市 区 SVG 地图元件上截图 另存为PNG PNG TO SVG 设置SVG pat

  • 【从推理出发】

    赌上爷爷之名 2021年暑假 和现在一样 也是很佛 不想好好学习的时间 8月的天气太过炎热 有时却又暴雨倾盆 很不讨喜 只得在家闲着看电视 动漫打发时间 按照以前的习惯 一般是悠闲地躺在沙发上吹着空调 看着长达900多集的柯南 然后在剧情中

  • eclipse实现前后端交互的初步操作

    首先new创建 选择Other 在最下面 然后 然后next起名 再两次next后进行选择 创建完成如下 所有的前端代码写在WebContent里面 所有的Java代码写在Java Resource里的src里面 创建html文件 在win

  • linux 下 C++ 与三菱PLC 通过MC Qna3E 二进制 协议进行交互

    西门子plc 有snap7库 进行交互 并且支持c 而且跨平台 但是三菱系列PLC并没有现成的开源项目 没办法只能自己拼接 我这里实现了MC 协议 Qna3E 帧 并使用二进制进行交互 pragma once include

  • mavonEditor中的图片上传与删除(前后端交互)

    我设置的存储图片服务器的地址 D Program Files apache tomcat 9 0 43 webapps ROOT newsimg 1 图片上传 1 1 前端 文本上传图片事件处理函数 imgAdd pos file var

  • 分享一个可交互的小场景（二）

    先看效果 可互动的小场景 再看代码 JS部分

  • Axure Share ——原型设计工具 Axure ，移动版

    什么是Axure Share Axure Share 是老牌原型设计工具Axure 的移动版 app 支持 iOS iPhone iPad 以及 Android 设备 我们可以使用它来查看和演示通过 Axure 制作的移动 app 原型 A

  • 量化交易动了谁的奶酪

    最近关于量化交易的政策讨论频出 在内容上 主要是限制其高频交易和某些可能对市场产生负面影响的行为 具体来说 中国证券监督管理委员会和上海证券交易所等机构都出台了相关政策 对量化交易的频率 规模 风险控制等方面进行了限制 这些政策的出台主要是

  • StarkNet 批量交互 mint 铸造 js 脚本

    代码使用 starknet 模块与 StarkNet 网络进行交互 通过读取私钥文件和执行铸造操作来创建 NFT 非同质化代币 它通过批量运行的方式处理多个私钥和地址对 并将结果输出到控制台和日志文件中 代码的详细步骤 导入模块和变量 co

随机推荐

  • Windows7系统ntkrnlpa.exe文件丢失问题

    其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题 如果是新手第一时间会认为是软件或游戏出错了 其实并不是这样 其主要原因就是你电脑系统的该dll文件丢失了或没有安装一些系统软件平台所需要的动态链接库 这时你可以下载这个ntkrnlp

  • IP地址定位技术能做什么？

    随着互联网的普及和技术的不断进步 人们对于网络的需求越来越高 在这个过程中 IP地址定位技术逐渐崭露头角 成为了一个备受关注的话题 那么 IP地址定位技术究竟能做什么呢 一 确定地理位置 IP地址定位技术最基本的功能就是确定地理位置 通过查

  • Windows7系统PATHPING.EXE文件丢失问题

    其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题 如果是新手第一时间会认为是软件或游戏出错了 其实并不是这样 其主要原因就是你电脑系统的该dll文件丢失了或没有安装一些系统软件平台所需要的动态链接库 这时你可以下载这个PATHPIN

  • 执行tsc -v命令后报错‘tsc‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。怎样解决？

    分析 tsc v 这个命令主要是查看typescript编译器的版本号的 也可以用于检查typescript是否安装好了 是否正常 1 如果没有安装的话 就去安装 可以使用 npm ls typescript 查看本地是否安装typescr

  • 鸿蒙开发 - Number和number、String和string等的区别

    我们知道鸿蒙开发使用的语言时 ArkTS 而 ArkTS 是 TypeScript 的超集 TypeScript 又是 JavaScript 的超集 所以对于基本数据类型使用的是 TypeScript 语法 在 TypeScript 中 N

  • python 必pass，这几个问题搞不明白，建议还是不要去面试了！

    1 可迭代对象 在 python 中我们可以通过 for 循环来遍历列表 元组 这种遍历我们称为迭代 Iteration 在 python 中凡是可以通过 for in 进行迭代的对象 它就是可迭代对象 1 1 如何判断一个对象是可迭代对象

  • 《LeetCode力扣练习》代码随想录——双指针法（翻转字符串里的单词---Java）

    LeetCode力扣练习 代码随想录 双指针法 翻转字符串里的单词 Java 刷题思路来源于 代码随想录 151 反转字符串中的单词 双指针 class Solution public String reverseWords String

  • linux中环境变量修改后只对当前终端生效，新的终端就失效了？

    环境变量修改后只对当前终端生效 新的终端就失效了 在 etc profile中最后添加了如下语句指定java环境变量 export JAVA HOME home local java jdk 17 0 9 9 export PATH JAV

  • 一文详解Python到底能做什么？

    声明 本篇文章的目的是介绍Python究竟可以用在多少个领域 以及它到底有多好用 有什么可用的工具包这一点上 以及对Python的相关管理环境和集成开发环境做一个简单的科普 没有任何包含适合于无脑按图配置操作的内容 需要这种内容可能还需要您

  • 华纳云：Ubuntu下LAMP环境如何配置

    在Ubuntu操作系统下配置LAMP环境 Linux Apache MySQL PHP 是一项常见的任务 特别是对于搭建Web服务器和运行PHP应用程序的场景 以下是在Ubuntu上配置LAMP环境的基本步骤 1 安装 Apache sud

  • 一文读懂易知微数字孪生实时云渲染技术

    实时云渲染是基于分布式GPU集群 提供音视频串流 应用云化的云端渲染平台 用户只需上传应用包 发布应用 访问链接三个步骤即可进行云端的渲染体验 适用于GPU渲染工作站 数字孪生以及AR VR MR等场景 PART1 云渲染与本地渲染的技术对

  • 开源不挣钱？这个项目上线半年月入超 30w

    很兴奋的告诉大家 Sealos 自从 6 月份上线以来 仅半年时间注册用户已经突破 7万 月收入超过 30w 本文来向大家介绍我们是怎么做开源商业化的 每月平均增速超过 40 而且这些收入大部分来自用户充值 或者是通过开源社区主动找到我们付

  • Windows7系统OptionalFeatures.exe文件丢失问题

    其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题 如果是新手第一时间会认为是软件或游戏出错了 其实并不是这样 其主要原因就是你电脑系统的该dll文件丢失了或没有安装一些系统软件平台所需要的动态链接库 这时你可以下载这个Optiona

  • Windows7系统odbcconf.exe文件丢失问题

    其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题 如果是新手第一时间会认为是软件或游戏出错了 其实并不是这样 其主要原因就是你电脑系统的该dll文件丢失了或没有安装一些系统软件平台所需要的动态链接库 这时你可以下载这个odbccon

  • 中企出海企业如何运用境外所得税收抵免消除双重征税影响？

    改革开放以来 中国企业不断创新出海模式 依托于人口红利的产品出口模式 中国成为了效率领先的全球制造工 厂 据工业和信息化部数据统计显示 2022年 我国制造业增加值占全球比重27 7 居世界首位 然而 当前国际政治与经济环境变幻莫测 全球贸

  • 深度解析Python爬虫中的隧道HTTP技术

    前言 网络爬虫在数据采集和信息搜索中扮演着重要的角色 然而 随着网站反爬虫的不断升级 爬虫机制程序面临着越来越多的挑战 隧道HTTP技术作为应对反爬虫机制的重要性手段 为爬虫程序提供了更为灵活和隐蔽的数据采集方式 本文将探讨Python爬虫

  • AI 时代，数智底座赋能企业智能运营

    作者 郑思宇 从云原生到生成式 AI 企业数智化跟随技术发展而不断升级的脚步从未停歇 但无论企业引入何种前沿技术 其能否取得丰硕的数智化应用成果 关键都在于这些技术创新能否真正理解企业业务 与业务融合的程度如何 因此 基于新技术的数智化创新

  • Windows7系统ntprint.exe文件丢失问题

    其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题 如果是新手第一时间会认为是软件或游戏出错了 其实并不是这样 其主要原因就是你电脑系统的该dll文件丢失了或没有安装一些系统软件平台所需要的动态链接库 这时你可以下载这个ntprint

  • 这5个“计算机专业”就业很吃香，毕业生需求量大，还不会过时

    其实男生 尤其是理科生在选择专业的时候 如果实在是不知道该选择什么样的专业 可以推荐报考计算机类专业 因为大部分的男生其实对计算机类专业都不会怎么排斥 即便是有些课程不喜欢 但一些比较重要的专业课多数也不会真的讨厌 尽管计算机类专业对数学和

  • Axure之中继器的使用（交互&动作&reperter属性&Item属性）

    目录 一 中继器的基本使用 二 中继器的动作 增删改查 2 1 新增 2 2 删除 2 3 更新行 2 4 效果展示 2 5 模糊查询 三 reperter属性 在Axure中 中继器 Repeater 是一种功能强大的组件 用于 创建重复

热门标签