手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

axure怎样设计高保真查询数据联动效果

时间:2024-11-03 05:41:35

1、打开axure从左侧控件中找到文本框、按钮和中继器控件拖入到工作区并调整大小

axure怎样设计高保真查询数据联动效果

2、双击中继器控件,将表格复制两份放置一行

axure怎样设计高保真查询数据联动效果
axure怎样设计高保真查询数据联动效果

3、右侧属性中在添加列中添加两列(name,age),列名只能使用英文,并在列中添加内容

axure怎样设计高保真查询数据联动效果

4、可以看到工作区域的中继器没有显示出输入的内容,这就需要在属性中做显示设置。

axure怎样设计高保真查询数据联动效果
axure怎样设计高保真查询数据联动效果

5、单击按钮控件,在属性中设置“鼠标单击时”事件,即,当按钮被单击时,对中继器的数据内容以文本框中的内容为条件做筛选。

axure怎样设计高保真查询数据联动效果
axure怎样设计高保真查询数据联动效果
axure怎样设计高保真查询数据联动效果

6、按F5在浏览器中查看效果,在文本框中输入中继器中有的内容,点击查询,中继器即可只显示查询的内容

axure怎样设计高保真查询数据联动效果
axure怎样设计高保真查询数据联动效果
© 手抄报圈