1.拖入表格,删除至表格仅剩一行,作为表头。

选择“表格”:

拖入后如图:

选中并删除行:

删除后效果:

将表头修改为:

2.拖入中继器,与表头对齐。双击进入后,选择中继器并删除。

删除前效果:

删除后效果:

3.再次选择表格,拖动至虚线处,与上述表头对齐 ,同样删除至仅剩一行

删除后效果:

为表格中的列起名,分别为name、gender、age,填写后点击右上角关闭按钮

4. 选择绿色表格,点击样式,为数据内容赋值

此时数据库中有值,但显示页面无值,需要对中继器进行交互配置

5.选中绿色表格,点击交互-新建交互-载入时-设置文本-选择name

点击+添加动作,为gender、age列配置载入内容

添加后效果如图:

6.点击发布-预览,即可看到实际效果。也可点击发布-生成HTML文件,通过浏览器打开。

Axure rp9 中继器新建表格相关推荐

  1. 5分钟玩转Axure之中继器(表格篇)

    中继器 什么是中继器 进入正题 总结 中继器制表格演示链接 什么是中继器 中继器是axure原型制作中使用非常重要的一个元件,主要用途就是用来加载数据的,也可以说是重复器,使用场景也有很多,最常见的是 ...

  2. Axure使用中继器为表格添加数据

    软件版本 axure8(汉化版) 操作步骤 一.使用中继器 1.选择中继器拖拽到页面中 2.添加中继器后的样子 二.编辑中继器 1.双击上图的中继器进入到中继器的编辑页面,观察页面结构,给中继器起个名 ...

  3. Axure RP9 中继器的简单操作(1)

    一.数据显示 (选中中继器在样式里设置初始化显示数据) (1)在面板中拖拽一个中继器,一个表格,如图所示: (2)选中表格 Ctrl+C(复制),点击中继器 Ctrl+V(粘贴),并把样式栏中x与y的 ...

  4. Axure RP9中继器的可做用途之一,类似于购物界面的展示

    作品展示: 中继器: 1.再空白页上拉入一个中继器,然后双击该中继器,进入设置页面 2.使用图片.一级标题.矩形等基础工具完善这个页面 3.退出编辑页面,发现布局呈现纵图,再样式中,找到布局,选择水平 ...

  5. Axure RP9 中继器的简单操作(2)

    四.新增行( 绘制模态框,默认隐藏. 用户点击新增按钮,模态框显示,用户输入数据,点击确定按钮,填充数据到数据集中(注意设置局部变量),模态框关闭:用户再次点击新增按钮,模态框的时候,模态框内有上次填 ...

  6. Axure RP9之中继器使用

    #Axure RP9中继器使用 一.中继器是什么? 中继器再实际使用中可以看作是一个灵活的表格,相比于简单的拖拽表格,中继器的优势在于后期调整,增加或减少某一列/某一行,可直接在数据中调整 二.使用步 ...

  7. Axure RP9 动态面板操作使用

    一.制作折叠菜单 首先我已将Axure RP9汉化了,所以用起来比较方便. 1.打开Axure RP9工具新建文件,从左侧元件库中基本元件拉出一个矩形,这里我设置是w为200,h为50(设置宽高随意) ...

  8. Axure RP9教程 中继器列表

    Axure RP9教程 用中继器元件实现一个简单的列表功能 一.说明 二.案例演示 三.操作说明 一.说明 上一篇文章中继器概述将了中继器的作用及结构,下面我通过实例来演示中继器入门基础应用列表展示. ...

  9. Axure RP9教程 中继器说明

    Axure RP9教程 中继器概述 一."中继器"说明 二."中继器"的作用 三."中继器"结构说明 一."中继器"说明 ...

  10. axure 调整中继器列宽_在Axure中用“中继器”实现对表格的增、删、改

    最近一周探索了Axure中中继器的用法,在看别人的教程的过程中我产生了很多的困惑,于是理了一些思路出来,制作出了对列表的增加行(行里有数据)和删除行,进行对行的修改和保存.希望对学习中继器的朋友有用. ...

最新文章

  1. thinkpad触控笔怎么用_笔记本电脑卡死了怎么办关不了机
  2. 小知识六、CALayer动画
  3. 20144306《网络对抗》Web基础
  4. angular 标准目录结构_Angular-cli新建项目目录结构详解
  5. 1095 解码PAT准考证 (25 分)
  6. Clob类型转换为String
  7. Moody Photoshop Panel for mac(ps专业色彩调色扩展面板)
  8. JVM学习笔记(二):垃圾收集
  9. linux下搭建uvm环境,转:使用QuestaSIM进行UVM仿真环境搭建
  10. 13 岁不可能创建出 RISC-V 内核?Nicholas Sharkey:我可以
  11. win11错误代码0xc1900101怎么解决 windows11错误代码0xc1900101的解决方法
  12. mybatis一简单one2one关系xml配置
  13. 在python中安装插件pynput实现聊天窗口消息轰炸
  14. html如何居中svg,垂直居中SVG标签
  15. 相对路径和绝对路径及表示
  16. 网络连接不正常是什么原因
  17. SAP - VL10B 执行采购订单,没有采购订单信息问题
  18. 校招面试问到Linux CPU不用怕,来看看这份宝典
  19. 董明珠:没有人才,一切归零;没有道德,人才归零
  20. 震惊,用过微粒贷的人没资格贷款买房!

热门文章

  1. 2018-11高级软考试题考查知识点总结(试题1-20)
  2. 2022N2观光车和观光列车司机上岗证题目及答案
  3. 解决问题win10无线网卡:无法连接到此网络
  4. SICK光纤传感器WLL180T-P432
  5. B2B2C、C2F、S2B2b2C、O2O、S2B2C和各种的模式缩写解释说明
  6. JavaSrcipt学习(学习打卡Day9)
  7. 求不规则图形外接圆的算法 (附:三角形外接圆计算公式)
  8. 转载:常用 Git 命令清单 by 阮一峰
  9. mysql benchmark tool_使用MYSQL benchmark - DBT2 Benchmark Tool遇到的问题
  10. 9.MVC模式 -- 改造源代码