Axure中继器单选、多选和重置

亲爱的小伙伴,在您浏览之前,烦请关注一下,在此深表感谢!

课程主题:Axure中继器单选、多选和重置

主要内容:根据查询条件,通过单选、多选和重置,从中继器中得到数据

应用场景:表单筛选与查询、数据行结果

案例展示:

中继器单选、多选和重置


正文内容:

步骤一:修改一下上一节课(Axure中继器时间筛选-CSDN博客)的按钮,按下图操作

步骤二:添加重置按钮的交互;当单击重置按钮时,中继器要移除筛选条件,页面的查询条件输入框也需要回到初始状态,那么就需要我们设置两个交互;

步骤三:首先我们要明白两个符号"&&"、"||";"&&"表示并的意思,当多个条件使用这个符号的时候,那么满足所有条件的数据都会被筛选出来;"||"表示或的意思,当多个条件使用这个符号的时候,那么只要满足其中一个,那么数据就会被筛选出来;因此当多选查询时,我们会使用"&&"表示并;

步骤四:添加多选查询交互,在多选查询时,用户编号的筛选,因为是要输入一个准确的数值,这会影响到多选查询的结果输出,因此我们可以做限制,在多选查询时不可输入用户编号,那么就需要情形的添加和提示弹窗的添加;

步骤五:添加单选查询的交互,使用""||""表示或;我们加上其他查询条件的筛选,将其他查询条件分别生成局部变量LVAR3\LVAR4\LVAR5\LVAR6,所有下拉列表,都选择被选项;

本课小结:熟悉和掌握"&&"、"||";继续上节课练习与掌握replace()\Data.parse()函数;长表达式的书写方法;


相关课程直通车:

中继器实现时间读取和修改-CSDN博客

Axure横向菜单高级交互-CSDN博客

Axure垂直菜单展开与折叠-CSDN博客

Axure树形菜单展开与折叠-CSDN博客

app评价弹窗制作-CSDN博客

pc轨迹回放制作-CSDN博客

Axure中继器时间筛选-CSDN博客

如有其他相关问题,欢迎私信沟通,关注 结构化知识课堂-CSDN博客

明天的产品大咖就是你,创作不易,麻烦关注一下,点赞+收藏,感谢大家!

相关推荐
狸克先生4 小时前
如何用AI写小说(二):Gradio 超简单的网页前端交互
前端·人工智能·chatgpt·交互
dot.Net安全矩阵1 天前
.NET 通过模块和驱动收集本地EDR的工具
windows·安全·web安全·.net·交互
梓贤Vigo1 天前
【Axure视频教程】自制上传按钮
交互·产品经理·axure·原型·教程
好开心331 天前
javaScript交互案例2
开发语言·前端·javascript·html·ecmascript·交互
xChive1 天前
优化表单交互:在 el-select 组件中嵌入表格显示选项
前端·vue.js·交互·element-plus
前端郭德纲2 天前
React Native的界面与交互
react native·react.js·交互
招风的黑耳3 天前
Axure智慧社区数据可视化大屏模板
axure·数据可视化·智慧社区
好开心333 天前
javaScript交互案例
开发语言·前端·javascript·html·ecmascript·交互
PM大明同学3 天前
Axure PR 9 穿梭框 设计&交互
ui·交互·产品经理·axure·photoshop
独行soc3 天前
#渗透测试#SRC漏洞挖掘#网络运维# 黑客脚本编写04之脚本与用户交互
运维·安全·面试·bash·交互