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

目录

一.中继器的基本使用

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

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.mzph.cn/news/236795.shtml

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

相关文章

Spring Boot学习随笔- 文件上传和下载(在线打开、附件下载、MultipartFile)

学习视频:【编程不良人】2021年SpringBoot最新最全教程 第十二章、文件上传、下载 文件上传 文件上传是指将文件从客户端计算机传输到服务器的过程。 上传思路 前端的上传页面:提交方式必须为post,enctype属性必须为multipart/form-data开发…

C++函数——内联函数、动态内存管理

内联函数 在函数声明或定义时&#xff0c;将inline关键字加在函数返回类型前面就是内联函数。 #include <iostream> using namespace std;inline int add(int x, int y) {return x y; } int main(int argc, const char *argv[]) {int a 10, b 20;int ret add(a, b)…

html行内元素和块级元素的区别?

HTML中的元素可以分为两种类型&#xff1a;行内元素&#xff08;inline&#xff09;和块级元素&#xff08;block&#xff09; 文章目录 什么是行内元素什么是块级元素元素转换行内元素转块级元素块级元素转行内元素 区别总结 什么是行内元素 HTML的行内元素&#xff08;inli…

java 16 练习题:类与方法

文章目录 实例1&#xff1a;使用 this 关键字实现给饼只加一个蛋练习1&#xff1a;设计加油站类和汽车类&#xff0c;加油站提供一个给车加油的方法&#xff0c;参数为剩余汽油数量。每次执行加油方法&#xff0c;汽车的剩余汽油数量都会加 2。练习2&#xff1a;智能手机的默认…

C++ 指定范围内递增初始化一个vector<int> | Python: list(range(31, 90))

通过lambda表达式 std::iota()实现&#xff1a; template <typename Tp> inline void print_vec(const std::vector<Tp>& vec) {fmt::print("[{}]\n", fmt::join(vec, ", ")); }// 相当于Python的lst list(range(31, 90))const std::ve…

leetCode算法—10. 正则表达式匹配

10.给你一个字符串 s 和一个字符规律 p&#xff0c;请你来实现一个支持 ‘.’ 和 ‘*’ 的正则表达式匹配。 难度&#xff1a;困难 *** 给你一个字符串 s 和一个字符规律 p&#xff0c;请你来实现一个支持 ‘.’ 和 ‘*’ 的正则表达式匹配。 ‘.’ 匹配任意单个字符 ‘*’ 匹…

VTK读写数据

png格式图片转jpg #include <vtkAutoInit.h> VTK_MODULE_INIT(vtkRenderingOpenGL2) VTK_MODULE_INIT(vtkInteractionStyle)#include <vtkSmartPointer.h> #include <vtkPNGReader.h> #include <vtkJPEGWriter.h> #include <vtkImageViewer2.h>…

论文中公式怎么降重 papergpt

大家好&#xff0c;今天来聊聊论文中公式怎么降重&#xff0c;希望能给大家提供一点参考。 以下是针对论文重复率高的情况&#xff0c;提供一些修改建议和技巧&#xff0c;可以借助此类工具&#xff1a; 论文中公式怎么降重 一、引言 在论文撰写过程中&#xff0c;公式是表达学…

php伪协议 [NISACTF 2022]easyssrf

打开题目 我们直接用 file:/// 协议读取看看flag文件 file:///flag 点击curl得到回响 得到提示告诉我们应该看看提示文件 file:///fl4g 跟着去访问了一下 再跟着去访问 从代码中我们可以看出 get传参file&#xff0c;我们用stristr检测file参数里面是否含有file&#xff…

智能优化算法应用:基于堆优化算法3D无线传感器网络(WSN)覆盖优化 - 附代码

智能优化算法应用&#xff1a;基于堆优化算法3D无线传感器网络(WSN)覆盖优化 - 附代码 文章目录 智能优化算法应用&#xff1a;基于堆优化算法3D无线传感器网络(WSN)覆盖优化 - 附代码1.无线传感网络节点模型2.覆盖数学模型及分析3.堆优化算法4.实验参数设定5.算法结果6.参考文…

一篇文章搞定Vue3响应式数据最常用的ref、reactive、computed、watch方法

前言 Vue3 中可以通过响应式 API 来创建响应式对象&#xff0c;相较于 Vue2 中使用 Object.definProperty 来劫持 get 和 set 不同&#xff0c;Vue3 中使用的是 Proxy 来创建响应式对象&#xff0c;使用Proxy有以下几点优势&#xff1a; 1. 对象新增属性不再需要手动 $set 添…

创建型模式 | 原型模式

一、原型模式 1、原理 原型模式&#xff0c;用原型实例指定创建对象的种类&#xff0c;并且通过拷贝这些原型创建新的对象。原型模式其实就是从一个对象再创建另外一个可定制的对象&#xff0c;而且不需要知道任何创建的细节。原型像是一个模板&#xff0c;可以基于它复制好多…

LeetCode Hot100 215.数组中的第k个最大元素

题目&#xff1a; 给定整数数组 nums 和整数 k&#xff0c;请返回数组中第 k 个最大的元素。 请注意&#xff0c;你需要找的是数组排序后的第 k 个最大的元素&#xff0c;而不是第 k 个不同的元素。 你必须设计并实现时间复杂度为 O(n) 的算法解决此问题。 方法一&#xff…

HTML输出特殊字符详细方法

以下是部分特殊字符代码表&#xff0c;它们的完整应用代码格式为&#xff1a;&#;用下面的四位数字替换&#xff0c;将得到对应的符号。&#xff08;注意&#xff1a;应用这些代码&#xff0c;编辑器应该切换到HTML模式&#xff09; ☏260f ☎260e ☺263a ☻263b ☼263c ☽…

Leetcode—73.矩阵置零【中等】

2023每日刷题&#xff08;六十六&#xff09; Leetcode—73.矩阵置零 空间复杂度为O(mn)版实现代码 class Solution { public:void setZeroes(vector<vector<int>>& matrix) {int rowLen matrix.size();int colLen matrix[0].size();vector<int> row…

阿赵UE学习笔记——3、常用界面窗口

阿赵UE学习笔记目录 大家好&#xff0c;我是阿赵。继续学习虚幻引擎&#xff0c;这次介绍的是编辑器的常用界面窗口。 一、视口 这个视口的概念&#xff0c;可以体现出UE对于多屏幕同时显示是多么的友好。我们开发游戏的时候&#xff0c;一般都会同一台电脑用2个或者以上显示器…

Spring Security登录的简单解析

Spring Security登录的简单解析 1.自己写的登录2.进入authenticationManager.authenticate(authenticationToken);3 进入result provider.authenticate(authentication);4 进入 user retrieveUser(username, (UsernamePasswordAuthenticationToken) authentication);5 进入 U…

算法基础之约数之和

约数之和 核心思想&#xff1a; #include<iostream>#include<algorithm>#include<vector>#include<unordered_map>using namespace std;typedef long long LL;const int N 110 , mod 1e97;int main(){int n;cin>>n;unordered_map<int,int&…

C++ 反转链表

定义一个函数&#xff0c;输入一个链表的头结点&#xff0c;反转该链表并输出反转后链表的头结点。 思考题&#xff1a; 请同时实现迭代版本和递归版本。 数据范围 链表长度 [0,30] 。 样例 输入:1->2->3->4->5->NULL 输出:5->4->3->2->1->N…

Unity Camera.ScreenPointToRay方法了解与使用

ScreenPointToRay方法是Unity Camera类中一个用于将屏幕上的点转换成一条射线的方法。 该方法声明如下&#xff1a; public Ray ScreenPointToRay(Vector3 pos); 参数 pos 是屏幕上的一个点的位置&#xff0c;以屏幕坐标系表示。 该方法将返回一条从摄像机位置通过该屏幕点…