Axure中继器:实现“万能”数据表模板的方法

5 评论 11510 浏览 43 收藏 5 分钟

看过很多关于中继器的文章,但如果想要自己做一个,就要东搞西搞的,为了给很多“懒人”带来方便,本文要介绍的是一款通过简单修改,就可以满足使用者需要的“万能”表格。

先秀一下(美丽与否就靠各位看官自己的审美了),到底中继器能做什么:

  • 增、删、改、查及排序;
  • page切换;
  • 每页显示数量切换;

当然还有最最重要的就是可以通过简单的修改满足您的需要。

中继器介绍的文章太多了,命令实现什么的就不赘述了,今天主要介绍的是如何通过简单的修改可以满足一些基本需求,而不需要大连的时间去重新开发。

1.修改每页显示条数

第一,在全局变量中修改perPageNum的Value。

第二,在中继器的STYLE中修改Items per page和我们的全局变量相同。

第三,手动调整页码到合适的显示位置。

第四,修改右下角每页显示条数的下拉框数据,将默认选中值等于perPageNum即可。

2.修改中继器表格高度

  • 双击中继器,进入修改所有矩形的高度;
  • 到全局变量中修改itemHigh为刚刚设置的高度;
  • 手动调整页码到合适的显示位置。

3.列数不变,仅修改中继器数据

选中中继器,在PROPERTIES中对数据进行编辑,同时不要忘记将添加和列表标题的内容进行相应的调整。

4.列数调整

(1)在中继器中添加列,并命名。

(2)添加及列表中增加字段,并命名。

(3)中继器OnLoad、OnItemLoad命令中增加命令,设置新增列的value,新增几个就设置几个。

(4)【添加】按钮中所有的case为Add Rows 命令,修改将什么数据添加到中继器的什么字段中去。

(5)【保存】按钮(即添加按钮)修改Update Rows命令,以及清空输入框的命令。

(6)中继器双击,修改【编辑】按钮的将选中数据赋值给输入框的命令。

5.添加数据为空的异常提示语

双击提示信息,修改提示语即可。

6.修改数据表单击选中可编辑还是其他名录选中可编辑

双击进入中继器,拖拽block下面一段命令是在单击的时候执行还是在鼠标移入的时候执行即可。

在最后附上Axure的获取地址:https://pan.baidu.com/s/13HYmuTYkixKnAG_-wAehXg 密码:skk7

 

本文由 @awei827 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自 Pexels ,基于 CC0 协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 要想Ax用的好,主要还是要精通中继器和里面的函数吧,顺带懂点Js更好

    来自上海 回复
  2. 中继器确实很强大 😆

    来自北京 回复
  3. 一个刷新,全都白弄了

    回复
    1. 刷新是重新从rp文件中重新加载所有数据。这个我看看能不能想到办法,可以保存到rp文件中

      来自辽宁 回复