Axure之中继器的使用(交互动作reperter属性Item属性)

news2024/11/24 19:03:17

目录

一.中继器的基本使用

 二.中继器的动作(增删改查)

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:判断数据行是否为可见行

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

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

相关文章

AttributeError: module ‘jax‘ has no attribute ‘Array‘解决方案

大家好,我是爱编程的喵喵。双985硕士毕业,现担任全栈工程师一职,热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。现为CSDN博客专家、人工智能领域优质创作者。喜欢通过博客创作的方式对所学的…

鸿蒙(HarmonyOS)项目方舟框架(ArkUI)更改应用名称

鸿蒙(HarmonyOS)项目方舟框架(ArkUI)更改应用名称 一、操作环境 操作系统: Windows 10 专业版 IDE:DevEco Studio 3.1 SDK:HarmonyOS 3.1 二、更改应用名称(HAP) 更改位置如下:entry->src->main->modul…

C++ 字符串输入cin、cin.get()、cin.getlin()

程序string.cpp有一个缺陷&#xff0c;这种缺陷通过精心选择输入被掩盖掉了。 如下示例码&#xff1a; // Len_char.cpp : 此文件包含 "main" 函数。程序执行将在此处开始并结束。 //#include <iostream> using namespace std;#define SIZE 20 int main() {c…

水利部提前下达补助资金,推进小型水库除险加固!

为加快推进小型水库除险加固前期工作&#xff0c;水利部协调财政部提前下达了2023年度中央补助资金&#xff0c;对小型水库实施除险加固。加快构建气象卫星和测雨雷达、雨量站、水文站组成的雨情、水情监测防线&#xff0c;大力推进数字孪生水利建设&#xff0c;提升流域防洪数…

云端开炉,线上训练,Bert-vits2-v2.2云端线上训练和推理实践(基于GoogleColab)

假如我们一定要说深度学习入门会有一定的门槛&#xff0c;那么设备成本是一个无法避开的话题。深度学习模型通常需要大量的计算资源来进行训练和推理。较大规模的深度学习模型和复杂的数据集需要更高的计算能力才能进行有效的训练。因此&#xff0c;训练深度学习模型可能需要使…

基于ssm个性化美食推荐系统论文

摘 要 现代经济快节奏发展以及不断完善升级的信息化技术&#xff0c;让传统数据信息的管理升级为软件存储&#xff0c;归纳&#xff0c;集中处理数据信息的管理方式。本个性化美食推荐系统就是在这样的大环境下诞生&#xff0c;其可以帮助管理者在短时间内处理完毕庞大的数据信…

【高项】五组十域 案例分析

五组 启动-规划-执行-监控-收尾 &#xff08;启规执监守&#xff09; 十域 范-范围 进-进度 戏-干系人 狗-沟通 子&#xff08;zhi&#xff09;-质量 成-成本 才-采购 整-整合-整体 风-风险 资-资源 案例分析解题思路 定位/分析题型/套用子过程 定位 先看问题&…

C++设计模式之——命令模式

命令模式 概念创建步骤示例示例一代码实现运行结果 示例二代码实现运行结果 示例三示例代码运行结果 示例四代码实现运行结果 应用场景 概念 命令模式是一种行为型设计模式&#xff0c;它允许将请求封装为一个对象&#xff0c;从而使得可以参数化客户端请求、将请求排队或者记…

【数据结构】八大排序之简单选择排序算法

&#x1f984;个人主页:修修修也 &#x1f38f;所属专栏:数据结构 ⚙️操作环境:Visual Studio 2022 目录 一.简单选择排序简介及思路 二.简单选择排序的代码实现 三.简单选择排序的优化 四.简单选择排序的时间复杂度分析 结语 一.简单选择排序简介及思路 简单选择排序算法…

k8s集群内部署nexus

一、前言 在k8s集群中部署nexus服务需要使用到pv、pvc服务来存储nexus的数据&#xff0c;需要使用service服务来提供对外访问nexus服务的端口&#xff0c;需要使用deployment服务来管理nexus服务&#xff0c;接下来就是用这些服务来在k8s集群中搭建nexus&#xff0c;pv服务使用…

C#中HttpWebRequest的用法

前言 HttpWebRequest是一个常用的类&#xff0c;用于发送和接收HTTP请求。在C#中使用HttpWebRequest可以实现各种功能&#xff0c;包括发送GET和POST请求、处理Cookie、设置请求头、添加参数等。本文将深入介绍HttpWebRequest的用法&#xff0c;并给出一些常见的示例。 目录 前…

MATLAB 主成分分析PCA拟合平面点云 (42)

MATLAB 主成分分析PCA拟合平面点云 (42) 一、算法介绍二、算法实现一、算法介绍 主成分分析(Principal Component Analysis,PCA)是一种常用的数据降维和特征提取技术。它的主要思想是通过线性变换将数据投影到一个新的坐标系,使得在新的坐标系中数据的方差最大化。在3D点…

vp与vs联合开发-通过CogAcqFifoTool工具连接相机

1.完成相机硬件配置后 2.完成vp与vs联合开发配置功能后 1.创建winform 项目 目的 : 搭建 界面应用 2. 1. vpp文件存入 项目的debug 目录中 目的&#xff1a; 在项目中加载本地vpp文件 读取相机工具 1.控件CogRecordDisplay 用于显示相机拍摄照片和实施显示的窗口 2和3 …

PostgreSQL的安装、配置与使用指南

文章目录 一、介绍二、安装1、下载安装2、验证 三、配置1、远程连接配置1&#xff09;配置postgresql.conf2&#xff09;配置pg_hba.conf3&#xff09;重启 2、配置数据库的日志 四、图形化界面1、pgAdmin2、Navicat 一、介绍 PostgreSQL是一个功能强大的 开源 的关系型数据库…

[学习笔记]批量迁移数据库文件

拷贝数据库文件 首先在本地运行如下SQL语句&#xff0c;查看数据库文件的磁盘位置 SELECT name, physical_name AS CurrentLocation, state_desc FROM sys.master_files默认是保存在C:\Program Files\Microsoft SQL Server\MSSQL13.MSSQLSERVER\MSSQL\DATA目录下 首先复制数据…

随时随地刷题题库小程序源码系统+完整代码包+安装部署教程

互联网的普及和在线教育的发展&#xff0c;越来越多的人开始利用碎片时间进行学习。为了满足这一需求&#xff0c;随时随地刷题题库小程序应运而生。该小程序提供了一个便捷的刷题平台&#xff0c;用户可以在任何时间、任何地点进行刷题练习&#xff0c;提高自己的学习效率。 …

C# Tcplistener,Tcp服务端简易封装

文章目录 前言相关文章前言设计代码简单使用运行结果 前言 我最近有个需求要写Tcp服务端&#xff0c;我发现Tcp服务端的回调函数比较麻烦&#xff0c;简化Tcp的服务&#xff0c;我打算自己封装一个简单的Tcp服务端。 相关文章 C# TCP应用编程三 异步TCP应用编程 C# Tcpclient…

开源一个超好用的接口Mock工具——Msw-Tools

作为一名前端开发&#xff0c;是不是总有这样的体验&#xff1a;基础功能逻辑和页面UI开发很快速&#xff0c;本来可以提前完成&#xff0c;但是接口数据联调很费劲&#xff0c;耗时又耗力&#xff0c;有时为了保证进度还不得不加加班。 为了摆脱这种痛苦&#xff0c;经过一周的…

uniapp 用于开发H5项目展示饼图,使用ucharts 饼图示例

先下载ucharts H5示例源码&#xff1a; uCharts: 高性能跨平台图表库&#xff0c;支持H5、APP、小程序&#xff08;微信小程序、支付宝小程序、钉钉小程序、百度小程序、头条小程序、QQ小程序、快手小程序、360小程序&#xff09;、Vue、Taro等更多支持canvas的框架平台&#…

掌握电脑开机密码设置技巧,让你的电脑数据更安全!

在现代社会&#xff0c;电脑已经成为了我们日常生活中必不可少的工具。然而&#xff0c;随着科技的发展&#xff0c;我们使用电脑也面临着一些安全隐患。为了保护个人数据的安全&#xff0c;设置开机密码就变得十分重要。本文将为大家介绍电脑怎么设置开机密码&#xff0c;以保…