AXURE三级多选树

介绍:用一个中继器实现axure多选树的结果 。
原型预览地址:http://ms6yvj.axshare.cn/#g=1&p=新元件1&c=1

AXURE三级多选树

文章插图

需要这些哦
中继器
复选框
下拉符号
选中按钮
打消选中按钮
睁开按钮
收起按钮
1级文本标签
2级文本标签
type文本标签
方式/
1添加中继器:
在中继器里放入下拉符号和多选框

AXURE三级多选树

文章插图

2设置中继器:
type:分1、2、3三个级别 , 1暗示一级(如广东省) , 2暗示二级(如广东省—广州市) , 3暗示(广东省-广州市-海珠区) 。
memu1:暗示第一级菜单
memu2:暗示第二级菜单
memu3:暗示第三级菜单
xiala:1暗示有下拉符号 , 0暗示没有下拉符号
see:1暗示可见 , 0暗示埋没
xuan:下拉符号的偏向 , 0标的目的右 , 1标的目的下
xuanzhong:1暗示选择 , 0暗示未选中

AXURE三级多选树

文章插图

3设置中继器载入时交互事务
添加筛选[[Item.see=='1']]:筛选出see为1(可见)的行

AXURE三级多选树

文章插图

4设置中继器每项加载时交互事务
1、设置多选框文本和位置
      若是是一级菜单 , 设置多选框文字=memu1
      若是是二级菜单 , 设置多选框文字=memu2 , 而且移动下拉符号和多选框组合标的目的右移动20
      若是是三级菜单 , 设置多选框文字=memu3 , 而且移动下拉符号和多选框组合标的目的右移动40
2、设置下拉符号
      若是xiala=0 , 埋没下拉符号 。
      若是xuan=0 , 下拉符号标的目的右 , 暗示收起下级菜单
      若是xuan=1 , 下拉符号标的目的上 , 暗示打开下级菜单
3、设置选中
      若是xuanzhong=1 , 选中该行多选框 。

AXURE三级多选树

文章插图

5设置下拉符号鼠标单击时事务
1、若是xuan=0 , 更新行this , 列xuan=1 。 设置文本1级文本标签=memu1 , 2级文本标签=memu2 , 出发鼠标单击睁开按钮 。
2、若是xuan=1 , 更新行this , 列xuan=0 。 设置文本1级文本标签=memu1 , 2级文本标签=memu2 , 出发鼠标单击收起按钮 。

AXURE三级多选树

文章插图

6设置睁开按钮鼠标单击时事务
1、若是2级文本标签为空 , 更新行前提[[Item.type=='2'&&Item.memu1==a]] , 更新see=1
2、若是2级文本不为空 。 更新行前提 , [[Item.type=='3'&&Item.memu1==a&&Item.memu2==b]] , 更新see=0

AXURE三级多选树

文章插图

7设置收起按钮鼠标单击时事务
1、若是2级文本标签为空 , 更新行前提[[Item.type!='1'&&Item.memu1==a]] , 更新see=0 , xuan=0
2、若是2级文本不为空 。 更新行前提 , [[Item.type=='3'&&Item.memu1==a&&Item.memu2==b]] , 更新see=0

AXURE三级多选树

文章插图

8设置多选框事务
1、选中时 , 更新行this , 列选中=1 , 设置文本1级文本标签=memu1 , 2级文本标签=memu2 , type文本标签=type , 触发鼠标单击选中按钮的事务 。

推荐阅读