Axure制作中继器增删改表格,中继器应用表格-增、删、改、查、排序

见下载源文件(可编辑)

中继器表格的大致步骤:

1. 创建中继器

  1. 创建新页面:在Axure中打开一个新项目或页面。
  2. 添加中继器控件:从控件库中拖拽“中继器”控件到画布上。
  3. 定义数据:双击中继器控件,打开其属性面板。在“数据”选项卡中输入你的表格数据,如姓名、日期等。

2. 设计表格布局

  1. 布局设计:在中继器内部,使用矩形、文本框等控件来设计表格的每一行的布局。
  2. 绑定数据:为这些控件绑定中继器的数据字段。

3. 添加增删改功能

  1. 添加按钮:在表格的每一行添加“编辑”、“删除”按钮,并且可以在表格上方添加一个“新增”按钮。
  2. 配置交互
    • 新增:为“新增”按钮设置交互,使用“添加行”操作来添加新数据。
    • 删除:为“删除”按钮设置交互,使用“删除行”操作来删除当前行。
    • 编辑:可以通过弹出一个新的对话框来编辑行数据,并使用“更新行”操作来更新中继器中的数据。

4. 实现查询功能

  1. 添加搜索框和按钮:在表格上方添加搜索框和一个“搜索”按钮。
  2. 配置搜索交互:为搜索按钮设置交互,使用“设置过滤器”操作来根据输入的关键字过滤中继器中的数据。

5. 实现排序功能

  1. 添加排序按钮:在表格的每个列标题下添加用于排序的按钮或链接。
  2. 配置排序交互:为这些按钮设置交互,使用“设置排序”操作来根据相应的列对数据进行排序。

6. 调整样式和测试

  1. 调整样式:根据需要调整表格的样式,如字体、颜色等。
  2. 预览和测试:使用Axure的预览功能来测试表格的所有功能,确保它们按预期工作。