当前位置: 首页 > news >正文

【Axure高保真原型】3级多选下拉列表

今天和大家分享3级多选下拉列表原型模板,这个模版是用中继器制作的,所以使用也很方便,选项的数据在中继器表格里维护即可自动生成交互效果,具体效果可以打开下方原型地址体验或者点击下方视频观看

【原型效果含使用说明】

【Axure高保真原型】3级多选下拉列表

分级查看选项——可以根据选择的选项,查看对应的子级选项,例如点击广东省,可以查看广东剩下的城市,点击广州市可以查看广州市下的营业厅。

图片

选中和取消选中——点击选项的多选按钮,可以切换选中或者取消选中该选项

图片

回显标签和统计已选选项数——第三级选项选中后会回显一个标签,其他已选中的选项会自动统计,例如选择选择5个营业厅后,会显示一个营业厅的标签,然后显示+4.

图片

自动反选——选项选中或取消后,会自动根据选项选中情况,自动反选父级,如果父级对应的子级全部选中,就显示全选状态,如果部分选中就显示部分显示的状态,如果全部没有选中,就显示未选状态

图片

全选和全部取消选中——选中父级选项会将其下所有子级选项一起选中,取消父级选项选中时会将其下所有子级选项一起取消选中。

图片

【原型预览含下载地址】

https://axhub.im/ax9/09b38389df30358f/#g=1&p=3级多选下拉列表

相关文章:

  • rocketmq一些异常记录
  • 基于云原生架构的后端微服务治理实战指南
  • Python中的协程(Coroutine)
  • django admin 去掉新增 删除
  • 秒杀系统 Kafka 架构进阶优化
  • 用Node.js施展文档比对魔法:轻松实现Word文档差异比较小工具,实现Word差异高亮标注(附完整实战代码)
  • [原创](现代Delphi 12指南):[macOS 64bit App开发]: NSString类型与CFStringRef类型字符串相互转换.
  • Cursor 和Trae 产品使用及MCP应用
  • 【操作系统原理07】输入/输出系统
  • 部署mongodb三幅本集群
  • 02_值相同、类型不同,用 equals() 比较为什么是 false?
  • ipa包安装到apple手机上
  • 单片机-89C51部分:5、点亮LED
  • cocos creator使用jenkins打包流程,打包webmobile
  • python连接Elasticsearch并完成增删改查
  • 2.4java运算需要注意的细节
  • JS-OCR-demo加载本地文件
  • springboot当中的类加载器
  • C20-breakcontinue
  • AOSP Android14 Launcher3——动画核心类QuickstepTransitionManager详解
  • 国务院任免国家工作人员:饶权任国家文物局局长
  • 解放日报头版头条:“五个中心”蹄疾步稳谱新篇
  • 四川落马厅官周海琦受审,1000余人接受警示教育
  • 党旗下的青春|83岁仍在“下生活”,他说生活是创作的源泉
  • 没有雷军的车展:老外扎堆,萌车、机器狗谁更抢镜?| 湃客Talk
  • “下山虎”张名扬一回合摘下“狮心”:你们再嘘一个给我听听