【Axure高保真原型 】2级多选下拉列表_含标签

今天和大家分享2级多选下拉列表_含标签原型模板,效果包括:

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

查看子级选项------点击一级选项,可以在右侧查看对应的二级选项

选中或取消选中------点击多选按钮,可以选中或取消选中当前选项

全选效果------选中一级选项后,自动全选对应的2级选项

取消全选------取消选中一级选项后,自动取消选择所有对应的2级选项

自动反选------一级选项会根据对应二级选项选中的数量自动反选

1、如果子级选项全部选中,就会变成全选状态

2、如果子级选项全部未选中,就会变成未选状态

3、如果自己选项部分选中,就会变成半选状态

生成标签------选中选项后,会自动生成对应的标签,下拉框会根据标签数量自动调整尺寸

统计效果------考虑到选项较多时,如果都选中的话,下拉框就会变得很大,所以我们另外提供了一个统计效果的案例,选中的选项只显示第一个,其他的用数字来统计,例如选中了8个选项,我们就只显示第一个选项,后面的选项我们用+7来表示。

该模板用中继器制作,所以使用方便,只需在中继器表格中填写选项内容,既可以自动生成高保真的交互效果,具体效果可以打开下方原型地址体验

【原型地址】

https://axhub.im/ax9/09b38389df30358f/#g=1\&p=2级多选下拉列表__含标签

相关推荐
小兵张健5 小时前
互联网必备职场知识(4)—— 共情沟通能力
后端·产品经理·运营
风流 少年14 小时前
产品经理学习过程
学习·产品经理
玩转数据库管理工具FOR DBLENS16 小时前
项目预期管理:超越甘特图,实现客户价值交付
数据库·职场和发展·项目管理·产品经理·数据库开发·甘特图
小薛博客17 小时前
3、整合前端基础交互页面
java·前端·ai·交互
Light6019 小时前
重塑界面交互新体验 —— 深度解析 Syncfusion EJ2 拖拽功能
状态模式·交互·前端优化·draggable·syncfusionej2·拖拽交互·droppable
pink大呲花1 天前
使用 Axios 进行 API 请求与接口封装:打造高效稳定的前端数据交互
前端·vue.js·交互
字节王德发2 天前
MyBatis如何配置数据库连接并实现交互?
数据库·mybatis·交互
异常驯兽师2 天前
JSON:数据交互的轻盈使者——从基础语法到实战应用
java·json·交互
emoji1111114 天前
vue3、原生html交互传值
vue.js·html·交互
电子连接器CAE与高频分析4 天前
信号的传输方式
产品经理·信号处理