首页 > 其他分享 >Axure中继器高阶玩法-列表的增删改查

Axure中继器高阶玩法-列表的增删改查

时间:2024-03-05 09:33:05浏览次数:23  
标签:改查 中继器 新增 列表 设置 Axure 查询 弹窗

1.效果展示

2.实现步骤
设计原理:新增修改时,对新增或标记的内容,插入中继器中,列表再展示中继器内的内容
2.1.前提步骤
●页面及样式设计,如下。建立查询条件、查询框、按钮、新增/修改/删除弹窗(最好是用一个动态面板完成,这样弹窗位置固定且页面展示有条理不会显得臃肿)、列表名、列表(列表外部是中继器,内部使用了列表+多选框)


●设置全选效果
设置全选或取消全选后中继器内的单行也为选中或取消选择状态

●页面做默认隐藏效果
设置为默认隐藏,达到新增/修改后弹窗效果

●交互条件:中继器
列表要在每项加载时展示中继器数据

●交互条件:中继器-多选框
设置多选框选中及取消选中的效果,选中后单元格置灰

●交互条件:中继器-序号
设置第一列为自增序号,按照展示内容自动序号

2.2.增
●点击新增时,弹窗出现

●点击保存后,新增行并关闭(隐藏)弹窗,并将新增弹窗中维护的内容清空

新增行设置:“姓名/工号新增“指的是弹窗中的文本框

●取消、关闭符号也设置点击后关闭(隐藏)弹窗效果

2.3.删
●弹窗效果参考新增,删除是对选择的行进行删除

2.4.改
大部分操作类似新增,下面讲差异点
●保存时,需要保存标记内容(需要选中某一行后才能修改)


2.5.查
●对查询条件内容(文本框)进行条件查询,多个条件时都需要设置

2.6.重置
●移除查询内容,并将查询条件清空

标签:改查,中继器,新增,列表,设置,Axure,查询,弹窗
From: https://www.cnblogs.com/yzjzp-hms/p/18053289

相关文章

  • ThinkPHP6实现增删改查接口
    ThinkPHP增删改查接口实现数据库连接配置当.env文件中存在数据库配置时,这些配置会覆盖config/database.php中的相应配置。在config/database.php中设置数据库连接的默认值或开发环境的值,并在.env文件中根据实际部署环境(如测试或生产环境)覆盖这些值。这样,你可以通过更改环境变量......
  • k8s标签的增删改查和选择器
    在Kubernetes(K8s)中,标签(Label)是与资源对象相关联的键值对,用于实现多维度的资源分组管理功能。下面是关于Kubernetes标签的增删改查操作的简要说明:查询标签(查)要查看资源对象的标签,可以使用kubectlget命令并加上--show-labels选项。例如,要查看所有节点的标签,可以运行:......
  • Mybatis系列之(五)Mybatis在使用基于代理Dao的方式实现增删改查时都干了啥事儿
    Mybatis在使用基于代理Dao的方式实现增删改查时都干了啥事儿绝对路径:可能出现机器中没有D盘的情况,需要修改代码相对路径:部署项目后src就不存在了,需要修改代码基于以上两点,读取配置文件仅通过图中的两种方式进行读取构建者模式:专业的事儿由专业的人来做工厂模式:需要新的类的对......
  • 2024年1月Java项目开发指南7:增删改查与接口测试
    我们之前,是从Controller层写到Service层,然后mapper层。接下来我们反过来,从mapper层写到Controller层两种方式都可以,你喜欢就行,甚至你先写service层也可以,全凭个人喜欢。在本文中,就不解释太多了,直接给出代码,对于关键地方,我会圈出来。如果有问题,可以直接在本文首发地址(博客园......
  • python之实现文件增删改查操作
    实现文件增删改查操作         1.写入文件'''以w形式打开文件,写入记录'''1#!/usr/bin/python2withopen('test','w',encoding='utf-8')asf:3'''插入数据'''4f.writelines('......
  • 【VictoriaMetrics】一个小优化:循环改查表,性能提升56.48 倍
    作者:张富春(ahfuzhang),转载时请注明作者和引用链接,谢谢!cnblogs博客zhihuGithub公众号:一本正经的瞎扯做了一个vm-storage数据文件merge的工具。测试的时候发现decimal.CalibrateScale()这个函数特别慢。做了一个小优化,用查表法代替循环的乘法,性能提升明显。Benc......
  • es的增删改查
    1、新增索引#请求put192.168.1.139:9200/test11{"mappings":{"properties":{"title":{"type":"text"},"year":{"type":"date",......
  • sql sever 表处理(增删改查等)
    -------------------------------------------------------------------------查--查找表里是否有某个字段:SELECT*FROMINFORMATION_SCHEMA.COLUMNSWHERECOLUMN_NAME='字段名'ANDTable_Namelike'[^V]%'-------------------------------------------------......
  • SpringBoot中整合MybatisPlus快速实现Mysql增删改查和条件构造器
    场景Mybatis-Plus(简称MP)是一个Mybatis的增强工具,只是在Mybatis的基础上做了增强却不做改变,MyBatis-Plus支持所有Mybatis原生的特性,所以引入Mybatis-Plus不会对现有的Mybatis构架产生任何影响。MyBatis增强工具包,简化CRUD操作。启动加载XML配置时注入单表SQL操作,为简......
  • Go+Gin+GOrm+MySql实现基础的增删改查
    一、概述本节使用Gin+GOrm+MySql实现基础的增删改查。主要是做一下记录防止后面忘记了可以翻看博客查看主要有两个.go文件1.main.go用于注册gin路由及初始化gorm操作数据库2.Result.go用于封装服务端返回给客户端的响应体二、代码示例1.main.go//go_......