Axure RP9教程 列表多选
2020-06-28 05:11
85 查看
Axure RP9教程 给中继器列表添加多选功能
一、说明
上一篇文章中继器列表给大家做了一个入门,接下来给大家讲解对中继器的交互效果多选。关于列表多选效果的例子网上很多,普通常用是在中继器中添加行标记状态,而本文要介绍的步骤比添加行标记更简单,只需要轻轻松松的一个鼠标点击交互事件即可实现。
二、案例演示
三、操作说明
- 给列标题第一列多选框元件命名为ck,并同时添加选中交互事件;
- 同步添加设置选择/选中动作,目标元件选中中继器中id列,设置值为真
- 保存预览后我们查看下效果,我们发现,当取消选中时并没有生效,那因为我们多选中款缺少了一个未选中的交互效果设置
- 添加未选中交互事件,操作步骤如下:
这个步骤中我们用到了,交互事件的复制功能快速实现,较少重复设置交互动作。
- 最终我们预览下效果
> 是不是很简单,动动小手实现下吧。
下一篇将为大家介绍利用中继器过滤功能,实现一个列表查询
相关文章推荐
- Axure教程:下拉多选列表集合(多选下拉列表+单选下拉列表+分级下拉列表)
- 【angular5项目积累总结】列表多选样式框(1)
- ruby教程/学习网站推荐列表
- html入门教程(三)表格与列表
- 如何在Android的ListView中构建CheckBox和RadioButton列表(支持单选和多选的投票项目示例)
- python基础教程:python 中的列表生成式、生成器表达式、模块导入
- python基础教程总结1——列表和元组
- Jquery 获取多选下拉列表select multiple的文字和值 text val
- MVC应用程序与多选列表(checkbox list)
- 用webbrowser控件做一个资源管理器,如何得到IE控件中选中(鼠标多选)的文件名称列表?
- 【笔记】ecshop二次开发视频教程基础篇(第七讲)商品列表显示
- C#教程之自己动手写映射第六节[封装列表]
- ExtJs 入门教程十[下拉列表:Combobox]
- ReportStudio入门教程(十五) - 列表显示行号
- VUEJS实战教程第一章,构建基础并渲染出列表
- Silverlight入门教程(五): 使用ListBox and DataBinding 组件显示列表数据-教程资料网 www.zhiweinet.com
- AxureRP7.0基础教程 部件详解 List Box 列表选择框
- ProtoPie进阶教程:列表滑动的操作判断
- php初级教程(十)新闻的列表和删除
- Android自定义单选多选下拉列表的实例代码