axure添加下拉菜单联动

axure使用中会遇到下拉菜单联动的设置问题，本文分步讲解。

首先，在空白页面中拖拽一个下拉框，如下所示：

之后设置该下拉框选项，如下所示：

设置下拉框名字为班号，如下所示：

之后再拖入一个下拉框，并设置选项，张三，王五，并设置下拉框名字为一班人员，如下所示：

之后选中第二个下拉框，右击鼠标，选择创建动态panel，如下所示：

设置panel名字为班级人员，如下所示：

之后双击该panel，如下所示：

添加state，分别为一班和二班。如下所示：

之后选择state为二班，如下所示：

之后再拖入一个下拉框，盖住之前的第二个下拉框，如下所示：

设置下拉框名字为二班人员，并添加下拉框选项，候六，丁八，如下所示：

之后，在灰色位置双击一下，退出panel，如下所示：

之后，选择第一个下拉框，设置新交互事件，如下所示：

选择，当选项变化时。如下所示：

选择设置panel状态，如下所示：

选择班级人员，选择一班，点击ok，如下所示：

之后在onselectionchange上双击一下，出现设置框，如下所示：

点击enablecases，设置条件，如下所示：

点击add logic，设置场景一触发条件，如下所示：

点击ok，显示效果，如下所示：

再次点击addcase，添加一个新场景，如下所示：

将第二个场景条件设置为，当选择二班时，如下所示：

点击ok，显示效果如下:

之后，点击场景二的条件，如下：

点击设置panel状态，如下：

选择panel，班级人员，如下：

设置panel状态为二班，如下所示：

最终两个场景如下：

点击ok即可，如下所示：

之后选择preview，预览效果：

完成菜单联动设置。

axure添加下拉菜单联动相关推荐

js_jQuery【下拉菜单联动dom操作】
下拉菜单联动dom操作案例源码: <!DOCTYPE html> <html lang="en"><head><meta charset ...
Python添加下拉菜单
#FuncsMenu_3.py(添加下拉菜单) from tkinter import * #导入tkinter模块 #功能设计 de ...
安卓美化——添加下拉菜单图片或下拉菜单透明
想必下拉菜单有一个背景图片会让人觉得特酷的感觉~ 具体的过程不难: 1.反编译SystemUI.apk(如何反编译请戳:http://blog.csdn.net/u012336923/article/ ...
html表格中加下拉,怎样在iview的Table表格中添加下拉菜单？
我怎么在table表格里面添加下拉菜单 render: (h, params) => { return h('div', [ h('Button', { props: { type: 'prim ...
WPS Excel多级下拉菜单联动去除子集中的空值
WPS Excel多级下拉菜单联动去除子集中的空值实现效果: 在图中可以看出四个省下面的城市数量并不相等.若是按照正常操作下来的结果如下图: 我们可以看到虽然城市不为空,但是会有空选项,这不是我们要 ...
单元格只能下拉框选_excel给单元格添加下拉菜单列表无需按键盘用鼠标选择即可...
excel给单元格添加下拉菜单列表无需按键盘用鼠标选择即可时间:2013-12-08 作者:snow 来源:互联网为了方便快速的输入数据,通常情况下我们会给单元格添加一个下拉菜单,如此一来 ...
Excel - 怎么添加下拉菜单选项？
工作中常用到Excel表格来做一些数据的记录和统计工作,有些栏位是固定选项,我们避免输入错误或重复性的输入浪费时间,我们可以在对应的列中加如下拉菜单,点击即可选择需要的内容,具体怎么操作呢?下面我们一 ...
Excel多级下拉菜单联动自动匹配内容
实现效果: 如,点击"市"下方的下拉菜单,有"成都.北京.杭州.上海"四个选项,选择杭州以后,在"区"下方单元格的就会相应的出现杭州的区. ...
layui结合ajax实现下拉菜单联动效果
大家好好,我是雄雄,欢迎关注公众号:雄雄的小课堂. 昨天分享的是使用layui集合springboot实现图片上传,文章地址在这里,需要的小伙伴们可以去看看: 今天给大家分享的内容也是那天在造项目的时 ...

axure添加下拉菜单联动

axure添加下拉菜单联动相关推荐

最新文章

热门文章