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中导航菜单制作
  • 热门搜索
    怎么搭配衣服 想在淘宝开店怎么开 电池充不进电怎么办 广东省博物馆开放时间 怎么画人物素描 怎么去老年斑 三星堆博物馆 诚恳的近义词 顺丰快递怎么样 怎么重新装系统