--本篇导航--
-
商品浏览的网格布局
-
下拉框筛选给中继器排序
-
中继器动作(添加行、删除行、更新行、下拉框选择显示的项目数量、切换表格页面、输入数字跳转页面、全选表格的行、点击表头进行排序、重置排序、筛选数字范围)
-
中继器变量(奇偶行标记、点击高亮标记行进行选中并删除、翻页获取表的内容、上下页/当前页/总页数、搜索文本)
中继器使用方法
使用方法：表单的值赋予给模板的元件，对模板进行排列。
- 添加中继器元件；
- 在【样式】面板中给中继器表格填值；
- 双击进入制作中继器的模板，并给元件命名（2、3可互换）；
- 在【交互】面板中给将会中继器表格的列名赋予给中继器模板元件；
- 在【样式】面板中调整中继器的网格布局和样式。
商品浏览的网格布局
最终效果：淘宝、京东商品浏览页（效果可以自己细调）
设计中继器的模板。
给矩形添加鼠标悬停的高亮样式
设置中继器的排列样式。
填入数据
将数据赋予给中继器模板的各个元件
下拉框筛选给中继器排序
通过下拉框中的选项，给中继器的一些列中的数值进行排序（升序、倒序）。
1、制作好中继器、给中继器赋予数值（参考上面中继器模板、赋值的介绍）
2、添加下拉选项，双击进入添加下拉项
3、通过识别下拉框的选项，来给中继器的某一列的数值进行排序（排序对象是数值，对中文是无效的）
中继器动作
给元件添加交互动作时，继续选择的[添加动作]的列表中有【中继器动作】。
此处最终需要实现的效果：
添加行
添加行效果：
实现步骤：
中继器内部元件及命名：
给按钮添加的交互：
删除行
删除行的效果：
实现步骤：
点击需要删除的行的复选框，再点击删除按钮删除中继器表格对应的行。
删除按钮的交互：
通过复选框来标记需要删除的行：复选框被选中和取消选中时的交互
更新行
更新行（就是表格的修改数据）的效果：
实现步骤：
输入新的数据，选中需要修改数据的行，点击更新数据按钮，将新数据填入所选行。
更新数据按钮的交互：
标记行的交互参考上面删除行的部分：通过复选框来标记需要删除的行
下拉框选择显示的项目数量
下拉框选择显示的效果：
实现步骤：
点击下拉框，选择显示的数字，中继器表格按所选数字来显示对应数量的行数。
中继器表格多页显示
页面载入时，中继器表格跟随下拉框数字进行多页显示
切换表格页面
点击切换表格页面的效果：
实现步骤：
点击对应的按钮实现表格页面跳转。
点击首页按钮，表格跳转到首页。
点击上一页按钮，表格页面翻到上一页。
点击下一页按钮，表格页面翻到下一页。
点击尾页按钮，表格跳转到尾页。
点击页数按钮，表格跳转到对应页。
输入数字跳转页面
输入数字跳转页面的效果：
实现步骤：
获取到文本框数字，绑定到中继器的显示页面动作上。
全选表格的行
全选的效果：
实现步骤：
点击全选的复选框，全部选中中继器表格的所有的行。
点击表头进行排序
点击表头进行升序、降序的效果：
实现步骤：
点击表头，对中继器表格的列进行升序、降序。
中文是不能进行排序的。
如果需要对中文排序，可以新建一列取中文的首字母，对首字母进行排序。暂时我还不知道怎么将汉字转成拼音
标签：删除,表格,中继器,点击,按钮,Axure,交互 From： https://www.cnblogs.com/11sgXL/p/18555768