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怎样设计高保真查询数据联动效果
  • 用Axure rp实现在当前窗口打开链接
  • After Effects CC 2020 下载安装教程
  • 如何利用Axure RP 8控制方向图标文字显示
  • C4D运动图形克隆变换的运用
  • C4D如何使用晶格属性制作三维立体图【基础】
  • 热门搜索
    五一手抄报 爱眼日手抄报 关于安全的手抄报 元旦手抄报 科学手抄报 植树节手抄报内容 普通话手抄报 安全伴我行手抄报 我的祖国手抄报 环境保护手抄报