Axure表格行增、删、改及自动计算行号

 时间:2024-10-12 09:18:27

1、建立如下图的表格并复制三份

Axure表格行增、删、改及自动计算行号

2、第一个表格删除两个空行,第二个与第三个表格只保留一个空行,并将第三个空行的“操作”列输入“陴鲰芹茯+”号且调整字体到合适大小,一般为20磅,第三个空行进行组合并命名为“添加行”,如下图:

Axure表格行增、删、改及自动计算行号Axure表格行增、删、改及自动计算行号

3、在页面中拖入一个“中继器”命名为“表格中继器”并将第二个表格剪切到中继器中(删除中继器原有矩行)

Axure表格行增、删、改及自动计算行号

4、设置中继器列并删除原有数据(保留一个空白行)

Axure表格行增、删、改及自动计算行号

5、在序号列添加一个标签,项目一~项目三添各加一个文本框。操作列添加文字“删除”并调整字体

Axure表格行增、删、改及自动计算行号

6、设置删除的鼠标单击时交互为 如图:

Axure表格行增、删、改及自动计算行号

7、添加全局变量“XH”

Axure表格行增、删、改及自动计算行号

8、设置序号的标签的载入时交互为 如图:

Axure表格行增、删、改及自动计算行号Axure表格行增、删、改及自动计算行号Axure表格行增、删、改及自动计算行号

9、设置中继器“每项加载时”交互为如下图

Axure表格行增、删、改及自动计算行号

10、设置项目一~项目三文本框的交互为 如图:

Axure表格行增、删、改及自动计算行号Axure表格行增、删、改及自动计算行号Axure表格行增、删、改及自动计算行号

11、设置添加行组合的鼠标单击时交互为 如图:

Axure表格行增、删、改及自动计算行号

12、最后预览效果:

Axure表格行增、删、改及自动计算行号
  • EI浏览器调整页面大小的方法
  • ps如何点亮灯光?
  • 打字导致Axure即停止运行,卡死的解决方案
  • 图片模糊的景深效果怎么做?
  • 图解Axure RP中导航菜单制作
  • 热门搜索
    空调能效比是什么意思 贵阳有什么好玩的地方 night是什么意思 小香风是什么意思 coffee是什么意思 日晷是什么 阿门是什么意思 ooxx是什么 陈数是鹿晗的什么人 家用保险柜什么牌子好