利用Axure制作动态表格（Axure学习日志1）
Axure学习日记1
- 利用Axure制作动态表格
- 1、创建一个表格
- 向表格添加数据
- 实现删除数据
- 实现添加数据
利用Axure制作动态表格
使用Axure制作一个动态表格。可以在删除、增加表格数据。
1、创建一个表格
打开Axure RP 8，在Libraries中选择Default找到Menues and Table，将表格拉出来。
如图所示：
右键点击，选择Insert Column Right在右侧添加两行，输入属性名，并调整一下单元格的距宽度。
然后在在Libraries中找到Repeater并将其拖至表格下方。
复制一排表格样式，左键双击Repeater，将repeater原有的东西删除，将已经复制好的表格样式粘贴，在最后一栏打上删除两字，调整位置放在左上角。
选择第二第三排白色区域，右键删除。将repeater移上去。
这样表格就建好了。
向表格添加数据
点击repeater，在右侧的PROPERTIES的repeater的下方列表中输入数据。
然后点击上方的OnItemLoadx下的Case1,选择
在弹窗右侧一栏repeater的下方第一个Table cell打勾，点击下方出现的fx，再点击Add Local Variable.
完成如图所示参数，点击OK则完成编号一属性设置。
姓名、性别、电话号码仿照上方完成，完成如图所示：
点击OK则出现
实现删除数据
双击repeater中的删除栏，然后点击左侧PROPERTIES的OnClick。
在左侧，找到Delete Rows，点击一下，然后在右侧的repeater前面打勾。
点击OK即可。
发布后点击操作栏的删除可删除表格中的数据。
实现添加数据
在左侧Libraries中找到按钮元件拖至合适位置。调整大小。将其设置为添加按钮。
在左侧Libraries中找到输入框元件，并拖至到合适的位置。调整大小并为其命名。
点击添加按钮，点击左侧的OnClick，在弹出框的左侧一栏找出Add Rows，点击然后在右侧的repeater前面打勾。
然后点击下方的Add Rows。
然后，点击id下方的fx，设置如下：
点击name下方fx，设置如下：
点击gander下方的fx，设置如下：
点击tel下方的fx，设置如下：
点击OK。
完成。
发布后，效果如图。
添加数据。
删除数据。
利用Axure制作动态表格（Axure学习日志1）相关推荐
- 利用Flourish制作动态条形图
前几天,看到关注的一个公众号,发了一篇利用Flourish制作动态可视化图的文章,里面提到了怎么制作动态条形图,觉得挺酷的,用他给的数据自己也动手做了一下. 内容来源:公众号CDA数据分析师(http ...
- 利用js制作动态小时钟
利用js制作动态小时钟 在学完Date()函数之后,可以用来与CSS结合制作一个能转动的时钟. 新建html文件,写好基本结构,代码如下: <!DOCTYPE html> <html ...
- 目标检测---以制作yolov5的数据集为例，利用labelimg制作自己的深度学习目标检测数据集（正确方法）
以制作yolov5的数据集为例,利用labelimg制作自己的深度学习目标检测数据集的正确方法 文章目录 前言 一.labelimg简单介绍 1 VOC标签格式,保存为xml文件. 2 yolo标签格 ...
- 【第50、51天】jQuery基本知识，LayUI动态表格的学习
1 jQuery基础 1.1 原生DOM元素(JS元素)与jQuery元素为什么不是同一种元素?两者如何转换? 1.2 基本选择器在jQuery中的使用 1.3 四大核心函数 1.4 常用事件定义方式 ...
- 利用Python制作动态排名图
作者:刘早起早起 来源:早起Python 大家好,今天我们要讲的是如何使用Pyecharts制作动态排名变化图???? 制作这样的一个动态图使用到的是Pyecharts中的Time ...
- 使用Axure 制作动态广告展示
一.最终实现的效果 如图: 当鼠标指针移入图中的 数字"01"."02"."03"."04"不同的数字时,分别展示不同的 ...
- 如何利用FineReport制作动态树报表
在对数据字段进行分类管理时,利用动态树折叠数据是一个很好的方法,也就是点击数据前面的加号才展开对应下面的数据,如下图.那这样的效果在制作报表时该如何实现呢? 下面以报表工具FineReport为例介绍 ...
- 教你如何利用EXCEL制作动态仪表盘
我们通常见到的仪表盘图类似汽车内的里程表,常用于反应目标达成率或者是目标的完成情况,从直观上了解数据内容,展现目标的达成和变化情况. 本节使用收入目标值的数据,使用EXCEL工具,构建辅助列和占位符, ...
- UE4利用材质制作动态水面水波的效果
作为一个新手来说,学习要循序渐进,所以我学习了制作水面材质,新手,大牛勿喷啊. 其实还是挺简单的,材质编辑器的截图如下: 但是新手一定要注意,新建的材质有些需要操作的节点是暗色的,就是未启用的意思,要 ...
- 微信小程序：block制作动态商品列表
微信小程序:block制作动态商品列表 在制作微信小程序时,我们往往会碰到需要动态生成列表的情况,本文便是以常见的商品列表为例来学习如何利用block制作动态商品列表. 运行截图 实现代码 js: P ...
最新文章
- 在后台代码中引入XAML的方法
- angular2-swiper幻灯片模块使用方法
- eclipse 导入hadoop2.2源代码
- shell之实战应用一（查找xml文档中的关键字段）
- 用 Hadoop 进行分布式并行编程, 第 3 部分 部署到分布式环境
- VTK：PolyData之IntersectionPolyDataFilter
- 记一次synchronized锁字符串引发的坑兼再谈Java字符串
- Theano+Keras开发环境搭建（最简单的教程）
- 提示tun虚拟网卡没有安装_Win10家庭版通过Hyper-V安装Centos7+Python3.7过程总结
- Kubernetes—如何批量删除对象资源？（二十三）
- shedlock 重启系统报错问题_关于国产湖南麒麟LINUX3.3系统兼容性问题
- java applet布局_Java:Applet布局问题
- linux安装 grub失败,安装linux+windows的系统 如果grub引导失败的解决方法
- 迭代器模式的原理和实现
- C#实现百度AI-实时语音识别转写-附源码
- 去哪儿网2018春招软件开发工程师、前端开发工程师编程题 - 题解
- c++ map查找key
- bzoj 1208 宠物收养所 Splay入门
- Matlab exercise05
- 怎么让图片铺满手机屏幕_设置ImageView显示的图片铺满全屏