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

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

作品基本信息

作品名称:多级复选框

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

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

作品适用: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的设置方法相结合。

发表回复

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

作品说明 页面数量:共 40+ 页 兼容版本:Axure RP 9及以…

继续阅读 →

售价:¥ 49.80 销量: 26 6006
推荐

作品页数:共25页 应用领域:自动化翻译 作品特色:高保真高交互原型,…

继续阅读 →

售价:¥ 38.00 销量: 15 4383
推荐

软件版本:Axure9 产品类型:高保真元件库(Web端/中后台) 当…

继续阅读 →

售价:¥ 69.90 销量: 408 31034
推荐

作品名称:微信小程序元件库V3.0 作品类型:元件库 主要适用:移动端…

继续阅读 →

售价:¥ 30.00 销量: 438 16871
推荐

一、基本信息 作品名称:【问答社区】高保真交互原型模版 作品类型:移动…

继续阅读 →

售价:¥ 49.00 销量: 39 4647
推荐

1.本套作品为网站衡量广告效果;转化质量度加分,低成本提升转化;转化漏…

继续阅读 →

售价:¥ 49.90 销量: 39 8171