Axure RP table增加和删除

最近开始使用axure画原型,从0开始,接触table的增删查改和翻页,这次先讲增加和删除

主要用到:table和中继器

如图:


一、使用文本标签和输入框完成序号,姓名,成绩,班级,并分别命名:

input_ID、input_Name、Input_Grade、Input_Class

使用按钮完成:提交、批量删除按钮

二、开始布局table

(1)拖入动态面板(自行设置宽、高)

(2)双击动态面板,进入面板编辑:


(3)进入动态面板state1,拖入表格(做菜单栏,并只删剩一行),拖入中继器(按照表格列数拓展)


(4)中继器行数添加和列名定义(在面板,中继器属性tab页,添加列名和对应行数数据)


(5)中继器事件设置



 (5.1)载入时事件:设置中继器每页显示行数


(5.2)中继器绑定数据:将(4)步骤中的数据与中继器绑定




(6)删除行事件:通过中继器中:操作按钮实现删除


(7)添加行事件:通过界面输入框和提交按钮,实现行数添加



点击“fx”按钮:


如图:设置input_ID的值绑定到行事件

(8)批量删除:通过表格第一行(菜单栏)复选框完成批量选择和取消选择

(8.1)选中事件和取消选中事件



如图:选中时,中继器中复选框为:true状态;取消选中为:false状态

(8.2)中继器中复选框事件:主要为增加标记和取消标记状态



如图:当复选框选中时,标记行;取消选中时,取消标记

(8.3)批量删除按钮事件:删除已标记行



如图:通过删除已标记行,完成批量删除

第一次记录,请多见谅。

2019-5-30

你可能感兴趣的:(Axure RP table增加和删除)