axure 调整中继器列宽_Axure中继器：实现“万能”数据表模板的方法

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

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

增、删、改、查及排序；

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 协议

给作者打赏，鼓励TA抓紧创作！赞赏

7人打赏

axure 调整中继器列宽_Axure中继器：实现“万能”数据表模板的方法相关推荐

axure 调整中继器列宽_Axure中继器：柱状图灵活变幻的诀窍
柱状图的使用在分析平台很常见,作为产品在设计此类分析统计平台的时候,常常面临找不到合适的图表元件的情况,又或是找到了合适的图表元件,元件本身又比较偏静态,需要花一些时间去做适当的修改.本文主要介绍了如 ...
php表格列宽拖拽,JavaScript_JQuery拖动表头边框线调整表格列宽效果代码，类似于桌面程序中的表格拖动 - phpStudy...
JQuery拖动表头边框线调整表格列宽效果代码类似于桌面程序中的表格拖动表头的效果,当鼠标停留在表头边框线上时,鼠标会变成表示左右拖动的形状,接着拖动鼠标,会在表格中出现一条随鼠标移动的竖线,最后放 ...
axure 调整中继器列宽_在Axure中用“中继器”实现对表格的增、删、改
最近一周探索了Axure中中继器的用法,在看别人的教程的过程中我产生了很多的困惑,于是理了一些思路出来,制作出了对列表的增加行(行里有数据)和删除行,进行对行的修改和保存.希望对学习中继器的朋友有用. ...
axure如何实现跳转_Axure中继器实现APP中设置页面的各种列表
中继器是Axure中的一个高级元件,可以当做Axure中的小型数据库使用,用于实现一些增删查改的效果,同时可用于一些具有相同元件组合的组件的快速生成,比如APP中的设置,如下图所示.下面我们介绍一下怎 ...
C#——调整PropertyGrid列宽
使用Reflection 代码片. //using with caution static void MoveSplitterTo(PropertyGrid grid, int x) {// HEAL ...
计算机excel中行高在哪里,电脑Excel表格怎么对行高和列宽进行调整
电脑Excel表格怎么对行高和列宽进行调整腾讯视频/爱奇艺/优酷/外卖充值4折起在我们使用Excel表格处理数据的时候,我们经常需要调整行高和列宽,今天小编就告诉大家电脑Excel表格怎么对行高 ...
excel表格怎么调整行高和列宽_wps表格课程08|调整行高列宽
本课程由菜鸟在线教育独家出品,未经授权严禁用于商业用途,侵权必究客服微信:13264012523 调整行高列宽是表格内容布局的必备技能. 方法/步骤￭调整行高/列宽的最基础办法是:将鼠标定位到行 ...
xlsx怎么设置行高列宽_Excel2016中调整行高和列宽的两种方法
在报表的编辑过程中经常需要调整特定行的行高或列的列宽,例如当单元格中输入的数据超出该单元格宽度时,需要调整单元格的列宽.本文图文讲述了Excel2016中调整行高和列宽的两种方法. 方法一:使用命令调 ...
excel自动调整列宽_办公软件操作技巧012：如何调整excel表格的行高与列宽
在日常工作中,我们经常会使用excel编辑电子表格,但有时默认的行高与列宽与单元格内数据内容的高度和长度会不太匹配,如下图,这时就需要调整表格的行高和列宽,那么今天就来和大家分享几种调整excel表格 ...
调整Word表格的列宽和行高(转)
调整Word表格的列宽和行高(转) 创建表格时,Word表格的列宽往往采用默认值,我们可以对其进行修改.根据不同的需要,有四种调整方法可供选择使用: 一.利用鼠标左键在分隔线上拖动. 二.利用鼠标左键 ...

axure 调整中继器列宽_Axure中继器：实现“万能”数据表模板的方法

axure 调整中继器列宽_Axure中继器：实现“万能”数据表模板的方法相关推荐

最新文章

热门文章