美文网首页
Axure RP table增加和删除

Axure RP table增加和删除

作者: 传说中的小马甲 | 来源:发表于2019-05-30 11:21 被阅读0次

    最近开始使用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增加和删除

          本文链接:https://www.haomeiwen.com/subject/nidmtctx.html