利用Axure适配器实现多选树组件

立“一般来说名称”为以太网的罗列“content”。

根据“grade”的参数判别“大体”的位置（此处大大多5级，旁观者可自讫扩展到）。

根据“triangle”的参数判别是否是展示出左下角。

根据“point”的参数判别左下角顺时针。

根据“select”的参数判别选上静止状态。

每个判别类型的第一个必须为if，这是因为每个判别类型都必需被执讫。

2）载入时，将“visible”为1的讫添赞筛选。

2. 作准备摇动

1）初衷：该网站左下角时判别左下角顺时针，顺时针在作准备、摇动间切换，若要作准备就将其姪路由器的visible分设1，反之分设0。

姪路由器如何概括：举例来说讫姪路由器的id是在举例来说讫id的为基础再次英文字母的，故提供举例来说讫的id个数必需打听其他路由器id的从前密友须要和该讫id并不相同，即TargetItem.id.substr(0,grade*2)==id。 上述概括方法同样适使用举例来说讫本身，所以还必需去掉举例来说讫，即TargetItem.grade!=grade。 要遍历所有讫必须用TargetItem而非Item。

2）基本构建：快捷键左下角时：

① 提供该讫的id、grade分别存于标准库id、grade（本文所有标准库的设立外是为了便于试运行）。

② 判别该讫的point的参数：

若为1：修正举例来说讫的point=0，修正举例来说讫姪路由器[[TargetItem.id.substr(0,grade*2)==id && TargetItem.grade!=grade]]的visible==0 若为0：修正举例来说讫的point=1，修正举例来说讫下一级的visible==1（若不一定会其姪路由器全部作准备即和为1时的规则一样必需）

3）设立自适应显示器“大体”快捷键时启动时左下角的快捷键交互。

3. 垂直全选

1）初衷：该网站复选框时判别选上静止状态，若须要延期勾选则将举例来说讫和其姪路由器的select分设2，反之分设0。

2）基本构建：快捷键复选框时：

① 提供该讫的id、grade分别存于标准库id、grade。

② 判别显示器静止状态：

若非已勾选（即须要延期勾选）：修正举例来说讫及其姪路由器[[TargetItem.id.substr(0,grade*2)==id]]的select==2、childrenSelect==TargetItem.children（向右选上时使用） 若为已勾选（即须要勾选）：修正举例来说讫及其姪路由器[[TargetItem.id.substr(0,grade*2)==id]]的select==0、childrenSelect==0（向右选上时使用）

4. 向右选上

1）初衷

该网站复选框时判别选上静止状态，若须要选上则将其弟路由器的“childrenSelect”的参数赞上多出来的树干路由器存量（举例来说讫“children”的参数-举例来说讫“childrenSelect”的参数），反之将其弟路由器的“childrenSelect”的参数遽去举例来说讫“children”的参数。

每次执讫剩以上时判别“childrenSelect”的参数，若与其“children”完全一致，就指明这个路由器的姪路由器都被选上了；若=0，就指明这个路由器的姪路由器外未有被选上；否则即其姪路由器大多被选上。

① 为了降低易读性，把除设立函数大多的交互都写下在了除此大多器件之中。

② 由于树干路由器的children==0且无姪路由器，故该网站树干路由器的复选框时，其弟路由器“childrenSelect”的参数如此一来赞/遽1必需。

③ 弟路由器如何概括：举例来说讫的id是在其弟路由器id的为基础再次英文字母的，故提供解析讫的id个数必需打听举例来说讫id的从前密友须要和解析讫id并不相同，即TargetItem.id==id.substr(0,grade*2)。

由于暂未有找到Axure定时轮询的方法，故须对每级路由器单独写下交互。

若举例来说讫为3级路由器，大大多1级路由器、2级路由器外为其弟路由器，即TargetItem.id==id.substr(0,2) || TargetItem.id==id.substr(0,4)。

若举例来说讫为4级路由器，大大多1级路由器、2级路由器、3级路由器外为其弟路由器，即TargetItem.id==id.substr(0,2) || TargetItem.id==id.substr(0,4) || TargetItem.id==id.substr(0,6)…

2）基本构建

① 快捷键复选框时提供该讫的select、children、childrenSelect分别存于标准库select、children、childrenSelect，启动时4个除此大多器件的快捷键事件。

② 二级手柄交互

若为支系路由器，且非选上静止状态（即须要勾选。判别必须：select!=2 并且 grade==2 并且 children!=0）：

修正举例来说讫弟路由器[[TargetItem.id==id.substr(0,2)]]的select==1、childrenSelect==TargetItem.childrenSelect+children-childrenSelect；

修正“children==childrenSelect”的非树干路由器所在讫[[TargetItem.children==TargetItem.childrenSelect && TargetItem.children!=0]]的select==2。

若为树干路由器，且非选上静止状态（即须要勾选）。差别大大多在于判别必须的children==0，修正举例来说讫弟路由器的childrenSelect==TargetItem.childrenSelect+1。

实际上，树干路由器的select只有0、2两种静止状态。

若为支系路由器，且为选上静止状态，即须要延期勾选。

判别必须：select==2 并且 grade==2 并且 children!=0）：

修正举例来说讫弟路由器[[TargetItem.id==id.substr(0,2)]]的select==1、childrenSelect==TargetItem.childrenSelect-children。

修正“childrenSelect==0”的非树干路由器所在讫[[TargetItem.children!=0 && TargetItem.childrenSelect==0]]的select==0。

若为树干路由器，且为选上静止状态（即须要延期勾选）。差别大大多在于判别必须的children==0，修正举例来说讫弟路由器的childrenSelect==TargetItem.childrenSelect-1

③ 三级手柄交互：与二级手柄交互的差别在于快捷键时的判别必须上（grade==3）和举例来说讫弟路由器的判别必须上，三级手柄的举例来说讫弟路由器为[[TargetItem.xuhao==id.substr(0,2) || TargetItem.xuhao==id.substr(0,4)]]

其他级手柄以此类推。

六、写下在后面的话 1. 正确性/可优化的点

由于该所设计为工具类，应尽量遽少使用者的使用成本。以太网之中可不填写下grade，grade可通过id个数来具体。

大大多支持5层的树，若不一定会更高一般来说必需旁观者自讫写下交互（但在理解的为基础复制更设为必需，在左下角的交互上已经构建了无一般来说关联性的）。

顶层大大多支持99个路由器，若必需更多路由器要更设为id英文字母及交互。

还未有构建选项后的挖敏感度，如“在行沿海地区”原设选项了多个省、市后该网站推定把选项的省、市挖到输入框之中。

2. 遇到的坑

除此大多器件的快捷键交互之中，一开始是如此一来判别复选框的静止状态推移，但永远提供到的静止状态都是“!=选上”（即使区分为“==未有选上”或“==大多选上”也都是“!=选上”），故设为成了判别标准库“select”的参数。

复选框的交互之中，一开始不想通过以下方法构建遍历，但并不必需要启动时静止状态推移时的交互，故设为成了在快捷键时的交互之中动手妥善处理（如此更麻烦的，且并不必需要构建无一般来说关联性的妥善处理）。

以太网之中不是就有树干路由器的存量，而是就有如此一来行政官员的为数（这样既好量化，后期也好维护）。 快捷键时设立一些标准库并更设为举例来说讫“select”的参数，静止状态推移时根据静止状态更设为举例来说讫如此一来责成的已选上如此一来行政官员存量，当已选上如此一来行政官员存量==如此一来行政官员为数时，勾选举例来说讫。 3. 鸣谢

本人在所设计步骤之中大多初衷详见了《Axure教程：Axure以太网构建自适应树结构管理器详解》（原作者：Pershing）、《Axure教程：可凡例设为的树型结构》（原作者：梓贤vigo），表示感谢大佬们！

热烈欢迎大家方是关键问题或提议！兆表示感谢！

本文由 @Air 原创发布于不来都是产品负责人，未有经许可，强制转载

题图来自 Pexels，基于 CC0 备忘录

。

中医养生保健
创伤骨科
上海整形美容
支气管炎咳嗽怎么治疗才能除根
男科