Axure rp9表单增删改查

新建列表

在默认原件栏中拖拽【中继器】到画布并命名为用户管理。

中继器中默认为三行，在样式→数据中删除后两行，同时增加字段，字段名称只能用英文或数字，不能用汉字。

 

在画布中双击进入中继器，在默认原件中拖拽一个表格，并按照中继器数据字段为表格命名。

在默认原件中拖拽一个多选框，放到第一列中。

为中继器添加【设置文本】交互，将表格中的字段和中继器中的字段关联起来。 

重复上述步骤，将中继器中的字段和表单中的字段全部关联起来。

其中ID字段数据需要自增，所以对ID字段设置文本时，将其设置为[[item.index]]。 

表单新增

制作新增页面，需要矩形，文本框，下拉列表、文本标签、按钮等基础原件，在画布中完成下图内容，并将所有原件组合起来，命名为新增页面，在样式中将其默认为隐藏。

添加一个新增用户的主要按钮，并设置交互，点击时显示组合新增页面。

 

为添加时间文本框设置交互，载入时设置文本为当前时间。需要在载入时显示YY-MM-DD hh:mm:ss格式的时间时，对时间文本框设置交互函数：[[Now.getFullYear()]]-[[Now.getMonth()]]-[[Now.getDay()]] [[Now.getHours()]]:[[Now.getMinutes()]]:[[Now.getSeconds()]] 

为确定按钮设置交互，点击时为中继器添加行；

将新增页面中的文本框内容和下拉选的内容与中继器内容关联起来。

用文本框与中继器关联时，添加局部变量时，中间项为原件名称；

用下拉选与中继器关联时，添加局部变量时，中间项为被选项。 

用同样的方法为中继器的所有字段赋值。 

添加确认按钮的后续交互，点击确定后新增页面中的文本框设置文本为空；设置下拉列表的列表中选项为请选择。

 

设置取消按钮交互，点击取消时新增页面中的文本框设置文本为空；设置下拉列表的列表中选项为请选择；

 

设置关闭图标交互，点击关闭图标隐藏新增页面。

 

表单删除

单条数据删除：双击中继器进入中继器内部，在操作添加一个删除按钮。

为删除按钮设置交互，点击时删除中继器的当前行。

批量删除多条数据：双击中继器进入中继器内部，给多选框设置交互，多选框选中时标记中继器行。

 

在画布中添加一个删除按钮，设置交互，鼠标点击时删除中继器中所有的标记行。

 

表单修改

制作编辑页面，需要矩形，文本框，下拉列表、文本标签、按钮等基础原件，在画布中完成下图内容，并将所有原件组合起来，命名为编辑页面，在样式中将其默认为隐藏。

为编辑页面中的文本框和下拉列表设置交互，获取当前数据，载入时显示中继器当前行的数据。

 

双击中继器进入中继器内部，在操作添加一个编辑按钮。

为编辑按钮设置交互，点击时显示编辑页面并标记中继器的当前行。

为编辑页面中的确定按钮设置交互，点击时更新中继器的当前行，将所有文本框和下拉列表与中继器字段关联起来。

 

 

为编辑页面中的取消按钮设置交互，将所有文本框与下拉列表的内容设为默认状态。

 

为编辑页面中的关闭图标设置交互，点击时隐藏编辑页面。

 

表单筛选

在基本元件中拖拽两个文本框和一个下拉框，添加三个筛选条件，并在画布中添加一个用户查询按钮。

为用户查询按钮设置交互，点击时中继器添加筛选，多个条件并列时用&&来连接，模糊搜索是使用[[item.变量.indexOf(局部变量名)>-1]]设置，对于精确搜索用[[item.变量名=局部变量名]]设置。