介绍:用一个中继器实现axure多选树的结果 。
原型预览地址:http://ms6yvj.axshare.cn/#g=1&p=新元件1&c=1
文章插图
需要这些哦
中继器
复选框
下拉符号
选中按钮
打消选中按钮
睁开按钮
收起按钮
1级文本标签
2级文本标签
type文本标签
方式/
1添加中继器:
在中继器里放入下拉符号和多选框
文章插图
2设置中继器:
type:分1、2、3三个级别 , 1暗示一级(如广东省) , 2暗示二级(如广东省—广州市) , 3暗示(广东省-广州市-海珠区) 。
memu1:暗示第一级菜单
memu2:暗示第二级菜单
memu3:暗示第三级菜单
xiala:1暗示有下拉符号 , 0暗示没有下拉符号
see:1暗示可见 , 0暗示埋没
xuan:下拉符号的偏向 , 0标的目的右 , 1标的目的下
xuanzhong:1暗示选择 , 0暗示未选中
文章插图
3设置中继器载入时交互事务
添加筛选[[Item.see=='1']]:筛选出see为1(可见)的行
文章插图
4设置中继器每项加载时交互事务
1、设置多选框文本和位置
若是是一级菜单 , 设置多选框文字=memu1
若是是二级菜单 , 设置多选框文字=memu2 , 而且移动下拉符号和多选框组合标的目的右移动20
若是是三级菜单 , 设置多选框文字=memu3 , 而且移动下拉符号和多选框组合标的目的右移动40
2、设置下拉符号
若是xiala=0 , 埋没下拉符号 。
若是xuan=0 , 下拉符号标的目的右 , 暗示收起下级菜单
若是xuan=1 , 下拉符号标的目的上 , 暗示打开下级菜单
3、设置选中
若是xuanzhong=1 , 选中该行多选框 。
文章插图
5设置下拉符号鼠标单击时事务
1、若是xuan=0 , 更新行this , 列xuan=1 。 设置文本1级文本标签=memu1 , 2级文本标签=memu2 , 出发鼠标单击睁开按钮 。
2、若是xuan=1 , 更新行this , 列xuan=0 。 设置文本1级文本标签=memu1 , 2级文本标签=memu2 , 出发鼠标单击收起按钮 。
文章插图
6设置睁开按钮鼠标单击时事务
1、若是2级文本标签为空 , 更新行前提[[Item.type=='2'&&Item.memu1==a]] , 更新see=1
2、若是2级文本不为空 。 更新行前提 , [[Item.type=='3'&&Item.memu1==a&&Item.memu2==b]] , 更新see=0
文章插图
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
文章插图
8设置多选框事务
1、选中时 , 更新行this , 列选中=1 , 设置文本1级文本标签=memu1 , 2级文本标签=memu2 , type文本标签=type , 触发鼠标单击选中按钮的事务 。
推荐阅读
- 斗鱼手游直播时创建直播间失败所选三级分类非法
- 如何利用Axure RP 8实现倒计时的效果图像
- 如何利用Axure RP 8制作简易计算器
- Axure RP 9.0安装、激活、汉化教程 附安装包
- 教大家使用Axure制作Switch 开关效果
- Axure如何添加段落,详细教程
- Axure如何添加输入框,详细教程
- 冬季买外套,建议40岁女人多选“长款大衣”,时尚、体面又高级
- 怎样报名参加英语三级考试
- Axure如何添加一级标题,详细教程