利用Axure制作动态表格（Axure学习日志1）

利用Axure制作动态表格

使用Axure制作一个动态表格。可以在删除、增加表格数据。

1、创建一个表格

打开Axure RP 8，在Libraries中选择Default找到Menues and Table，将表格拉出来。
如图所示：
右键点击，选择Insert Column Right在右侧添加两行，输入属性名，并调整一下单元格的距宽度。
然后在在Libraries中找到Repeater并将其拖至表格下方。

复制一排表格样式，左键双击Repeater，将repeater原有的东西删除，将已经复制好的表格样式粘贴，在最后一栏打上删除两字，调整位置放在左上角。

选择第二第三排白色区域，右键删除。将repeater移上去。
这样表格就建好了。

向表格添加数据

点击repeater，在右侧的PROPERTIES的repeater的下方列表中输入数据。

然后点击上方的OnItemLoadx下的Case1,选择
在弹窗右侧一栏repeater的下方第一个Table cell打勾，点击下方出现的fx，再点击Add Local Variable.
完成如图所示参数，点击OK则完成编号一属性设置。
姓名、性别、电话号码仿照上方完成，完成如图所示：
点击OK则出现

实现删除数据

双击repeater中的删除栏，然后点击左侧PROPERTIES的OnClick。

在左侧，找到Delete Rows，点击一下，然后在右侧的repeater前面打勾。
点击OK即可。
发布后点击操作栏的删除可删除表格中的数据。

实现添加数据

在左侧Libraries中找到按钮元件拖至合适位置。调整大小。将其设置为添加按钮。
在左侧Libraries中找到输入框元件，并拖至到合适的位置。调整大小并为其命名。
点击添加按钮，点击左侧的OnClick，在弹出框的左侧一栏找出Add Rows，点击然后在右侧的repeater前面打勾。
然后点击下方的Add Rows。
然后，点击id下方的fx，设置如下：
点击name下方fx，设置如下：
点击gander下方的fx，设置如下：
点击tel下方的fx，设置如下：
点击OK。
完成。
发布后，效果如图。
添加数据。
删除数据。