Axrue--中继器

中继器

(一)中继器的数据展示

  1. 写中继器的名称
  2. 点击中继器,选择样式,给中继器添加数据
  3. 给中继器搞表格列数:双击中继器,在中继器的(高光区域中)矩形中拖拽一个表格,设置好表格的大小和每个框的名称。
  4. 获取数据:选中中继器的交互,可看见默认的ITem(每一行的数据),双击进入ITem
    Loaded。设置动作,把在起好名字的单元格设置文本,值为对应的数据表格头列名。即设置姓名单元格的文本为【【Item.username】】。(把每一行的username设置到姓名单元格中。)(fx中有全局变量和局部变量)中继器的数据获取需要用到中继器中的全局变量。
  5. 在中继器的上方弄表头

(二)中继器中的按钮

  1. 设置好中继器上方的表头和(中继器模板)中继器里面的表格列数、大小

  2. 拖拽并设置好按钮的文本:删除、修改,并且设置好大小和颜色

    删除按钮:点击交互-新建鼠标单击时的交互,绑定中继器动作的删除行动作,选择中继器中的当前行动作。
    修改按钮:
    1.设置显示与隐藏,绑定模态框给显示出来;
    2.设置文本,把电话号码框勾上,电话号码框的值是全局变量[[telephone]]。以此类推。(即把在中继器中当前修改的这一行数据中的telephone放到电话号码框中);
    3.设置文本再添加一个目标,元件的名字是标题,给它一个死值,改为编辑顾客信息。
    4.增加元件动作的取消标记行,右侧选择全部。先取消所有标记,再标记当前行。
    5.选择中继器动作的标记行,右边选择当前行。(选择哪一行的修改按钮就标记哪一行)

(三)中继器上边的新增按钮

  1. 点击新增按钮的交互,新建鼠标单击时,绑定中继器动作中的添加行动作。可添加死数据

  2. 拖拽一个高级新增按钮

    在交互中绑定单击事件,点击模态框的显示与隐藏动作
    在模态框出现之前,模态框要清空输入,以便输入的添加。在元件动作里面,设置文本的目标是框的值为空。添加设置文本目标:标题元件设置文本为新增顾客信息。
    (四)模态框

  3. 拖个矩形2,调好位置和尺寸,填充颜色和调节透明度。

  4. 拖个矩形2,设置好位置和大小。

    1.再拖拽另一个矩形2(框名字为标题),填充颜色和大小,设置文本为新增顾客信息
    2.拖拽文本标签和文本框。
    3.拖拽俩个按钮,文本为:取消和确定
    取消按钮需要把绑定交互,现实与隐藏模态框
    确定按钮中的新增情形和修改情形都要绑定模态框的现实与隐藏
    (情形判断:在鼠标点击时有启用情形的英文符号)确定按钮需要分两种鼠标点击时的情形,根据标题来进行操作。

  5. 除了新增按钮、表头、中继器外,组合成一个名为模态框的组合。

  6. 将组合模态框在样式中隐藏掉,但是浏览器中看不见。在工作区中是黄色的,可以隐藏掉

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Axure RP 9中的中继器是一种非常有用的功能,可以帮助我们快速和轻松地进行表格查询搜索。中继器可以将表格数据和搜索输入进行匹配,然后返回匹配结果。以下是使用Axure RP 9中的中继器进行表格查询搜索的步骤: 1. 准备数据:首先,我们需要有一个包含要搜索的数据的表格。可以在Axure RP 9中创建一个表格,然后填充数据。确保表格的每一列都包含了需要搜索的内容。 2. 创建中继器:在Axure RP 9的“交互”选项卡中,可以找到中继器功能。点击“中继器”按钮,然后在弹出的对话框中选择要使用的表格。Axure RP 9会根据表格的列头自动创建一个中继器。 3. 配置搜索字段:在中继器的配置界面,可以选择想要进行搜索的字段,并设置搜索的匹配条件。例如,可以选择在用户名字段中搜索包含特定关键词的数据。 4. 设计搜索界面:在Axure RP 9的页面上,可以创建一个搜索输入框和搜索按钮,并将其与中继器进行关联。当用户输入搜索关键词并点击搜索按钮时,中继器将会根据配置的搜索条件进行匹配,并返回匹配结果。 5. 显示搜索结果:在Axure RP 9中,可以使用动态面板、数据列表或重复区域等组件来展示搜索结果。根据中继器返回的匹配数据,我们可以在页面上展示查询到的数据。 通过使用Axure RP 9中的中继器-表格查询搜索功能,我们可以轻松地创建一个交互式的搜索功能,帮助用户快速找到他们需要的信息。无论是构建网页设计还是应用原型,这种功能都是非常实用的。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值