Axure Repeater实现表格的分页，添加，查询，删除，编辑

第二次接触axure，发现了axure的好多新的功能。

1. 文字的超链接：呵呵，之前都是通过控制FontStyle(color属性和下划线)

1. 输入框类型验证

 

1. 输入框提示

 

1. Button Shape,自定义按钮。

1. repeater控件

Repeat从字面上理解就是重复，下面我们来讲一下如何使用repeater控件实现对数据的增删改查

 

Repeater最初拖到页面中是

双击进入单个重复项的编辑窗口，不要被编辑窗口中的小矩形框限制住思维。我们首先看到的应该是页面下方的

1. 为repeater绑定数据

我们将页面中的矩形框删除，填入6个label,并调整间距和高宽。对6个label合理命名。在页面下方的Repeater Dataset 填写数据

我们现在已经在一个重复项中拖入了6个label，并为拖入主页面中repeater,设置了数据集，现在我们要将每个重复项绑定到数据集中的每一条记录中，如果数据集中有4条记录，那么主页中的repeater就会显示4行。

现在我们理清对应关系，就是一条记录对应一个重复项。每个重复项中的一个label,对应一条记录中的一个字段，我们接下来绑定这种对应关系。

 

 

 在页面下方的Repeater Item Interactions中选择

 

 

 

浏览器中的显示效果

 

1.  实现分页

表格一般都带有分页，repeater也封装了分页，在单个重复项的编辑窗口下方进行相应的分页设置

 

那么如何在页面中控制repeater的分页呢？在页面中拖入两个label,和四个控制分页("第一页，上一页，下一页，最后一页")的图片。

先为这四个按钮添加OnClicke事件

为两个lablel赋值。

 

 

 

分页效果（为了查看分页效果，我们设为每页1条记录）在这里没有做到点击4个按钮控制当前页号（第？页）的改变，请读者自行设计。

 

1. 实现查询

1. 搜索按钮的单击事件

 

 

 

1. 实现添加

 

1. 为repeater添加行的每个字段赋上文本框对应的值。

1. 删除已选中行

这个功能的实现思路与网页使用是一致的,先选中,后删除.

只需两个事件，标记repeater中的单击行（这个事件是在repeater的单个重复项窗口操作的）

删除标记行（删除按钮的OnClick事件）

 

1. 编辑事件

编辑事件，我实现的有点复杂，大家有好的方法可以跟我说

第一步同删除是一样的，都是标记单击行（在repeater的单个重复项的编辑窗口）

第二步的编辑窗口是一致的，我们利用变量，将标记行的每个字段值用变量保存下来。

 

第三步为编辑弹框的文本框赋值（主页面的编辑窗口）

按钮的OnClick事件

选择对应的全局变量

此处保存的操作，跟添加里的保存是一样的，不赘述。