axure 中继器的数据如何排序 - CSDN
  • 今天整理一下如何用中继器进行排序,首先我们要有中继器,设置三列 姓名年龄身高 下一步,加一点数据,并且加载出来 在退到主界面上,加上三个列头 点击年龄,对年龄进行排序 名称即为排序的名称,属性是name,...

    打开AXURE,好几天没更新了,但是还记得是这么开头的,当产品经理的梦不能灭。

    今天整理一下如何用中继器进行排序,首先我们要有中继器,设置三列
    姓名年龄身高
    在这里插入图片描述
    下一步,加一点数据,并且加载出来
    在这里插入图片描述
    在这里插入图片描述
    在退到主界面上,加上三个列头
    在这里插入图片描述
    点击年龄,对年龄进行排序
    在这里插入图片描述
    名称即为排序的名称,属性是name,age,height简单来说就是那儿行数据
    排序类型是按照什么,Number就是按照数字排序
    升序降序就字面意思了

    同理身高也可以这么设置
    F8调试

    初始状态:
    在这里插入图片描述
    点击年龄按钮:
    在这里插入图片描述
    点击身高按钮:
    在这里插入图片描述
    ok。

    展开全文
  • 做了几年的程序员,最近要做产品经理了....下面把中继器数据绑定详细过程说下.中继器有两部分组成,一部分就是数据源,一部分就是ui界面. 绑定的意思,就是数据源的数据绑定到界面元素上去.效果图 这个是基本的效果

    做了几年的程序员,最近要做产品经理了.
    以前是用c#画界面的,现在发现axure比c#还方便点.

    axure功能是比较强大,有些功能不好实现.只有通过中继器实现.比如表格增删查改.

    网上研究半天,都不会弄,真是坑爹.主要是不详细.

    下面把中继器数据绑定详细过程说下.

    中继器有两部分组成,一部分就是数据源,一部分就是ui界面.
    绑定的意思,就是数据源的数据绑定到界面元素上去.

    效果图
    这里写图片描述
    这个是基本的效果图,图片是固定的,主要是对右边两个字段数据绑定
    第一步
    这里写图片描述
    从元件库拖一个中继器
    第二步
    这里写图片描述

    中继器可以设置数据据,就是要绑定的数据,
    选中中继器,右边属性会有个表格,编辑点数据进去就好了,列名取规范。
    第三步
    这里写图片描述
    中继器界面就一个固定的图片
    一个文本放loginname
    一个文本绑定name
    第四步
    这里写图片描述
    这里写图片描述
    选中中继器,在属性-交互-每项加载时双击
    选择设置文本-选择中继器的元素-下面有个值
    对应有个fx,会弹出一个对话框
    第五步
    这里写图片描述
    插入变量或函数就可以选择中继器中的数据集了。

    其实做程序的知道,这个其实没有太复杂度,就是有些关键步骤不熟悉,导致绑定数据无法入手。

    关键步骤就是设置文本
    中继器元素绑定
    设置值要点那个fx,从弹出框就能找到中继器数据集了.

    .net程序末法时代,人人贡献一点开源产品
    源代码下载: http://www.zhruanjian.com/
    技术交流群:345265775

    展开全文
  • axure中继器的那些事

    2019-03-26 11:28:58
    主要分享axure中继器元件的强大功能; 中继器能方便制作,有序展示的产品信息。 中继器相当于数据一样的作用,能模拟对数据的存储、删除、修改、查询等。并能使用中继器制作商品列表、评价列表等
  • Axure中继器增删改查

    2020-07-30 23:33:25
    Axure中继器增删改查,Axure是一款强大的原型制作软件,中继器的功能是目前比较常用的一种动态信息变化的组件。这个案例主要介绍了中继器的使用中的新增、删除、修改、查找等功能。
  • Axure中继器-数据查询

    2019-12-24 12:00:01
    中继器 使用函数 string.lastIndexOf(“searchValue”) 返回调用该函数的字符串中搜索值的最后一个实例的起始索引。如果没有找到搜索值,则返回-1。 操作步骤 添加中继器 1,添加中继器; 2,点击“右侧添中列”...

    使用元件

    中继器

    使用函数

    string.lastIndexOf(“searchValue”)

    返回调用该函数的字符串中搜索值的最后一个实例的起始索引。如果没有找到搜索值,则返回-1。

    操作步骤

    添加中继器

    1,添加中继器;
    在这里插入图片描述
    2,点击“右侧添中列”,增加一列
    在这里插入图片描述
    3,双击列的名称进行修改;
    在这里插入图片描述
    4,双击字段值,添加数据;
    在这里插入图片描述
    注:目前页面依然显示一列;
    5,双击中继器,打开中继器页面;复制矩形框;并修改矩形名称与字段名相一致;
    在这里插入图片描述
    6,返回主页面,未显示列表数据;
    在这里插入图片描述
    7,双击“每项加载时”中的“Case1”,添加第二列数据;
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    添加查询条件

    1,添加下拉列表,输入如下数据,并命名为list;
    在这里插入图片描述
    2,添加提交按钮,添加“鼠标单击时”事件,添加条件;
    在这里插入图片描述
    3,添加中继器“添加筛选”,选择中继器,选择函数,添加条件变量,生成搜索条件函数;

    [[Item.city.indexOf(LVAR1)>=-1]]
    在这里插入图片描述
    在这里插入图片描述

    演示效果

    Axure

    发现全部未启效,下面我们来添加条件为全部事件;
    1,继续添加“鼠标单击时”,编辑条件;
    在这里插入图片描述
    2,添加“移除筛选”,中继器,“移除全部筛选”。
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    全部演示

    Axure

    展开全文
  • ****Axure中继器结构与原理详解**** 中继器这个元件,对很多人来说是个难点,但实际上,只要理解它的结构和工作原理,使用起来非常简单。 首先,我们将中继器元件拖入画布,是下方这个样子。 看上去,这个元件由三...
                    ****Axure中继器结构与原理详解****
    

    中继器这个元件,对很多人来说是个难点,但实际上,只要理解它的结构和工作原理,使用起来非常简单。
    首先,我们将中继器元件拖入画布,是下方这个样子。
    这里写图片描述

    看上去,这个元件由三个纵向排列的矩形组成。
    这样的一个元件,怎么使用?
    这里大家可以记住一句话:任何一个元件如果不会使用,先双击试试看。
    当我们双击了中继器这个元件,在画布中,又打开了一个新的编辑区。
    这个编辑区,是中继器内部内容的编辑区。
    这里写图片描述

    大家能够看到,在这个编辑区中,自带了一个矩形元件。
    那么,这个矩形元件和我们刚才在页面中看到的中继器元件,有什么关联?
    我们在这个编辑区中,我们把矩形随意挪动一下位置,并且再放入一个图片元件(或者其他元件),然后点画布上方的标签,切换回页面的编辑区。
    这里写图片描述

    这个时候,大家能够看到在页面中,之前的三个矩形矩形也移动了位置,并且新增了三个相同的图片元件。
    看到这里,大家一定能够理解到,中继器内部的内容决定了页面中显示的内容。
    不过,在页面中并不是一项内容,而是三项。
    为什么在中继器中的一项内容,在页面中变成了三项?
    这是由哪里控制的呢?
    我们点中中继器这个元件,观察它的属性。
    在它的属性中,有一个区域,好像表格。
    这个区域叫“数据集”。
    在这个区域中,大家能够看到,默认有一列三行的数据。
    这里写图片描述

    我给中继器的定义:中继器是一个重复列表项的元件。
    如上图所示,默认情况下,中继器显示的列表项的数量与数据集中数据行的数量相一致。
    所以,大家可以做一下尝试,在数据集中添加行或删除行的话,列表项也会相应的增加或减少。
    另外,大家也能够注意到,中继器列表项的内容并不完全一样,上面显示的数字是不相同的。
    不过,通过上图,大家也能够发现,列表项中矩形显示的数字,就是数据集中每一行“Column0”这一列的列值。
    那么,这个列值是怎么关联到矩形上的呢?
    如果要改变矩形的文字,我们就要通过【设置文本】的动作,去设置这个元件的文字。
    不过,在什么时候,如何去设置这个矩形的文字为不同的列值?
    我们可以在概要面板中,将中继器内部的矩形命名。例如:DefaultShape
    然后,在中继器属性面板的顶部,大家能够看到默认有一些交互的设置。

    这里写图片描述

    这个设置是【每项加载时】,【设置文本】于矩形“DefaultShape”为“[[Item.Column0]]”。
    首先,先来说说每项加载时这个触发事件,它体现了中继器的工作原理。
    中继器这个元件,在页面中加载的时候,会读取数据集。
    如果发现数据集存在数据,就将第一行数据读取出来,通过交互设置将数据与编辑区中的元件关联,生成列表项的第一项。
    然后,再次读取数据集中的第二行,将数据通过交互设置与编辑区中的元件关联,生成列表项的第二项。以此类推,知道读取完所有的数据行后,停止列表项的生成加载。
    所以,这个触发事件叫【每项加载时】。
    那么,这个触发事件里面的动作,大家就能够理解是将数据集的数据与编辑区的元件进行关联。
    不过,这个动作中有一个关键的内容就是“[[Item.Column0]]”。
    Item是一个系统变量,中继器每个列表项加载时,所读取一行数据,都会存入这个系统变量。
    Column0是列名。
    Item.Column0就是指一行数据中Column0这一列的列值。
    这个列值,在读取每一行数据时都是不同的。
    所以 ,通过这样的交互,完成数据集数据与编辑区元件的关联,我们才看到了每一项中不同的内容。
    这里写图片描述
    最后,当我们在中继器数据集中添加新的行与列值的时候,中继器的列表项会随之增加。
    这些列表项默认是垂直排列的。
    那么,能不能让它水平排列,并且能够达到一定数量折行呢?
    就好像某些商品列表一样,一排几个进行排布呢?
    我们,点中中继器元件,然后在检视面板中,切换到样式的设置。

    这里写图片描述
    在这里,我们可以设置中继器列表的布局为【水平】布局。
    勾选【网格排布】后,通过数量的设置,就能实现一定数量折行的效果。
    另外,在这部分设置中,我们还可以设置列表项的背景色、交替背景色,列表项内容的多页显示,列表项之间的行间距、列间距等等。
    综上所述,我们来总结一下中继器的基本组成,这也是中继器基础操作主要步骤。
    1、内部编辑区
    在中继器内部的编辑区中,我们要先创建列表项的模板内容。
    这个模板内容决定每一个列表项中的元件组成结构。
    2、数据集
    在数据集中,我们要添加列表项的数据内容(含文字、图片以及引用页面)。
    3、交互
    在交互设置中,将数据集的内容与内部编辑区中模板元件建立关联。
    4、样式
    在样式设置中,我们可以对列表的布局、背景、分页以及列表项间距进行设置。
    通过以上四部分内容以及相关的操作,才能够正确、完整的使用中继器这个元件。
    备注:前三部分内容与步骤是必须的,样式的设置在某些应用中无需设置。
    以上就是对中继器组成结构与工作原理的解析。

    展开全文
  • axure 中继器添加数据

    2019-06-21 14:13:42
    1. 2. 3. 怕自己忘了
  • 基于Axure中继器的模糊查询 日常根据用户需求有的axure原型中需要实现尽可能的高保真,那么针对后台管理方面的有的图表要实现针对数据的模糊查询,即根据输入框内的内容在图表中进行查询,并显示对应的内容,废话不...
  • Axure 中继器

    2020-07-30 23:30:10
    Axure 中继器树的使用,利用中继器筛选、排序等,也可以利用中继器来做下拉框的边输过过滤的效果。
  • 中继器的安逸条件搜索 按照姓名一列搜索:拖拽一个标签组件将其重新命名为姓名、拖拽一个文本框单行组件作为输入框并对其进行标签命名为namesearch、拖拽一个按钮组件命名为搜索,对搜索进行鼠标单击时添加案件...
  • 使用中继器创建表格并可动态添加数据
  • 拖拽一个按钮组件命名为删除,作用是全局删除、进入到中继器中进行行内删除、为单行删除操作添加单击事件(标记行、删除行)、全局删除数据,选中全选复选框,为其添加选中时改变状态,新增条件(选中),增加条件...
  • axure7.0新增了不少功能,特别是中继器,很多朋友在问中继器的使用。...RP 中继器数据求和-购物车商品单价合计" TITLE="Axure RP 中继器数据求和-购物车商品单价合计" />   更多axure学习视频,axure快速原
  • Axure中的中继器元件本质就是一个数据库,用于实现数据的增删改功能,可利用面向对象的思维理解会更便于学习应用。在使用中继器时,对每列数据指定变量名称,通过变量存储操作数据,实现对数据的增删改功能。 原型...
  • 1.打开Axure,拖拽一个中继器命名为‘GoodsList’,双击中继器进去填充内容,如以下截图: 里面部件分别命名为:图片部件-GoodsImage;文本标签部件-商品名称-命名为Name;文本标签部件-推荐-命名为Rec;文本标签...
  • Axure使用中继器为表格添加数据
  • hi,大家好,本期小组件为一个基于中继器的表格组件,支持分页,排序等操作,主要用到axure中继器的各个操作和属性。 中继器其实在实际原型设计中基本上用的并不多,主要是因为中继器能实现的表格操作都是研发熟知...
  • 中继器添加新增一条数据 1、添加一个中继器,并命名rep; 2、添加一个按钮; 3、添加一个文本框,并命名txt。 4、点击按钮设置交互。 5、双击“鼠标单击时”,进入“用例编辑对话框”, 选择 “中继器”->...
  • axure 中继器修改

    2019-06-21 15:44:06
    1. 2. 怕自己忘了
  • 我们使用中继器来操作表格的初始化(页面加载时展示默认的一部分数据)、增(增加一行)、删(删除一行)。首先来看效果:表格里面放的是控件,不是纯文本。不管做什么,最重要的是思路。我的实现思路是:首先要设置...
1 2 3 4 5 ... 19
收藏数 362
精华内容 144
热门标签
关键字:

axure 中继器的数据如何排序