当前位置:   article > 正文

Axure9.0使用中继器实现表格数据显示_axure中继器如何根据判断条件调整数据的显示

axure中继器如何根据判断条件调整数据的显示

一、使用中继器实现表格数据显示

1、拖一个表格过来,然后删掉表体,只保留一个表头

image.png

2、然后修改表头名称,之后拖一个中继器过来,与表头对齐:

 

image.png

3、双击画布上的中继器组件,进入中继器中,将中继器delete删除

image.png

4、删除后,还是处于中继器中,不会退出

image.png

4、然后左侧拖一个表格过来,与表头对齐即可(这里可以对中继器中表格进行列的增加和删除)image.png

5、拖完表格后,将表格删除至只剩一行即可,然后双击灰色面板,退出中继器(点击绿色部分,即可查看表数据信息,右侧会映射一个列表,可以进行数据的编辑,暂时喊他为“后台数据库”)

image.png

6、可以在右侧“后台数据库”录入一些数据,然后F5预览
---此时预览,表格内是没有数据的(就像是“后台数据库”有数据,但是没有给前端页面传值一个意思):

image.png

7、那么如何才能有值呢?只需要在中继器上加一个load事件,设置文本即可,操作如下:

---点击中继器,右侧点击交互-新建交互;事件选择load时,设置文本

image.png

8、当我们点击设置文本时,需要选择设置的目标单元格:

----因为之前没有命名,默认都是(单元格),不好区分,所以需要进行命名操作,如下图:

--双击进入中继器>>选中单元格>>命名>>之后再次设置文本时候就可以看到我们设置的目标单元格了

image.png

9、进行文本的设置(该步骤为概念讲解,直接看步骤10即可):

--面板点击中继器组件,,右侧选择load时设置文本

--说明1:【设置为】文本或者被选项或者元件文字等等,按照组件类别选择即可

--说明2:【值】选择右侧函数标记,进行值得规则设置

--规则设置:

>>变量填写规则:[["变量名"]]

>>局部变量:我这里称为“过程变量”,说白了这里就是去画板的组件上取值

image.png

10、这里我们给中继器表初始化值,不需要用到9步骤的那些,只需要将值给中继器“后台数据库”对应的列即可,设置如下:

--[[item.后台数据库列名]]:表达式规则这样写即可,然后将其他几个列一一设置完毕即可:例如:[[item.name]]、[[item.sex]]、[[item.age]]

11、等设置完毕后,F5预览效果,即可看到中继器实现的表格已经有数据了:

image.png

至此,使用中继器实现表格数据显示已经结束,接下来做:中继器-实现表格数据添加

 

 

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/110168
推荐阅读
相关标签
  

闽ICP备14008679号