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

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

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

1、增、删、改、查及排序;

2、page切换;

3、每页显示数量切换;

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

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

01 修改每页显示条数

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

Axure中继器:实现“万能”数据表模板_第1张图片
01

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

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

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

02 修改中继器表格高度

第一、双击中继器,进入修改所有矩形的高度;

第二、到全局变量中修改itemHigh为刚刚设置的高度;

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

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

选中中继器,在PROPERTIES中对数据进行编辑

Axure中继器:实现“万能”数据表模板_第2张图片
02
Axure中继器:实现“万能”数据表模板_第3张图片
03

同时不要忘记将添加和列表标题的内容进行相应的调整。

04 列数调整

第一、在中继器中添加列,并命名。

第二、添加及列表中增加字段,并命名。

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

Axure中继器:实现“万能”数据表模板_第4张图片
04

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

Axure中继器:实现“万能”数据表模板_第5张图片
05
Axure中继器:实现“万能”数据表模板_第6张图片
06

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

Axure中继器:实现“万能”数据表模板_第7张图片
07

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

Axure中继器:实现“万能”数据表模板_第8张图片
08

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

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

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

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

Axure中继器:实现“万能”数据表模板_第9张图片

结束

在最后附上Axure的获取地址:https://pan.baidu.com/s/1g-9-hmbpX4Y4zjigl6WVuA 密码:530w

你可能感兴趣的:(Axure中继器:实现“万能”数据表模板)