【元件库】常用管理系统的高保真组件 多级复选框 带交互

版权说明:本作品为个人制作,购买用户可直接使用或在本元件基础之上进行修改,请勿进行转卖或分享等操作。

作品基本信息

作品名称:多级复选框

主要功能:为后台管理系统制作高保真原型提供功能组件

作品类型:高保真原型(元件组件)

作品适用:Web端后台管理系统

软件版本:Axure 8.0

文件大小:503KB

作品介绍

本元件库包含:单级复选框、列表复选框和多级复选框供3页组件内容。

1.单级复选框,可实现全选、反选或单个选择功能,此为基础组件模块,可根据实际使用场景进行适配。

       

如需要调整选项内容,请在中继器中进行调整内容,交互动作不用调整。调整字段说明:

id:重要字段值,请保证全选和具体选项的父子关系,子id = 父id+XX;

name:自定义选项名称字段;

level:单级复选组件中“全选”设置为1,其他设置为2;

parentId:设定该节点的父节点id(顶级节点设置为1);

status:选中状态,默认请设置为0(0-未选中、1-全部选中、2-部分选中);

childCount:子节点选项数量,请根据实际情况设置;

selectChildCount:已选中的子节点选项数量,默认请设置为0。

2.列表复选框,基于单级复选框的应用组件,一般用于管理系统的列表界面,如下所示:

复选内容设置方式与单级复选框设置方式一致,请参考上述设置内容。

3.多级复选框,如下图所示,支持多级选中及反选和单选的复选组件,应用场景广泛。

   

如需要调整选项内容,请在中继器中进行调整内容,交互动作一般不用调整。调整字段说明:

id:重要字段值,支持多级父子节点关系,只需要子id = 父id+XX;

name:自定义选项名称字段;

level:根据该选项的节点等级这是,顶级节点设置为1,其他节点依次设置;

parentId:设定该节点的父节点id(顶级节点设置为1);

status:选中状态,默认请设置为0(0-未选中、1-全部选中、2-部分选中);

childCount:末端子节点选项数量,请根据实际情况设置(注意,只需要设置末端节点数量,中间级阶段不计算数量);

selectChildCount:已选中的子节点选项数量,默认请设置为0。

另:

1.多级复选的缩进距离请在“每项加载时”的动作中设定x轴的移动距离。

2.由于每层节点ID占据2位十进制数字,结合axure和js函数运算的限制,建议设置不超过8层节点复选树结构,每层节点可设置子节点数量最大为100个(00~99)。

3.若节点层数超过8层,可将某些曾经的id占位从2位调整为1位,这样最多可支持16层节点复选树结构,每层节点可设置子节点数量最大为10个(0~9)。

4.一般情况下使用默认设置规则即可,特殊场景可考虑使用2和3的设置方法相结合。

发表回复

以下作品你可能也喜欢:
推荐

作品名称:PRD产品需求文档(axure+word+ppt模板)作品类…

继续阅读 →

售价:¥ 50.00 销量: 309 28570
推荐

用户流程图(User Flow)是一个简单的图表,概述了用户为了实现特…

继续阅读 →

售价:¥ 25.00 销量: 95 7567
推荐

直播短视频数据生态服务平台,是一个以直播短视频热门视频、商品及账号的数…

继续阅读 →

售价:¥ 129.90 销量: 46 14089
推荐

大家好,我是axure大马猴,又见面了,用心做产品,不忘初心,向着梦想…

继续阅读 →

售价:¥ 59.90 销量: 30 6492
推荐

2019/1/11更新日志: 完善了部分系统页面交互; 优化了部分页面…

继续阅读 →

售价:¥ 59.00 销量: 62 16202
推荐

适用于家装公司的crm系统,科学高效的客户管理系统,规范化、智能化的客…

继续阅读 →

售价:¥ 108.00 销量: 44 19573