Axure实现简单模糊搜索的功能的方式

已于 2023-08-08 09:33:55 修改
阅读量1w 收藏 29
点赞数 8
分类专栏： Axure学习笔记 文章标签： html css 其他 交互 axure
于 2021-10-04 23:48:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_47900759/article/details/120609455
版权

简单好用的模糊搜索-使用范围广

也是最为常用的一种，用到了中继器，非常好用，非常简单按着步骤做，就🆗

效果如图

 准备元件：中继器一个，输入文本框一个

并且往中继器里随便填点东西

 接下来只需要对文本框进行交互

当输入框大于零时添加筛选（记得一定要添加局部变量）输入框没有文字时移除筛选

 复制这段文字： [[Item.Column0.indexOf(LVAR1)!=-1]]

 到这里，一个简单的模糊搜索就做好了，一起来看一下我们做的效果吧

 

 关于那段要复制的文字：

感谢你能看到这里，希望这篇文章能对你有帮助！ 😊

Axure中继器（Repeater）: 列表多选和 列表查询
专注于计算机研发知识和资讯分享
04-10 212
给列标题第一列多选框元件命名为ckeck，并同时添加。基于中继器过滤功能，实现一个列表查询功能。
Axure的简单操作（模糊搜索）
热门推荐
sunshine_hl的博客
07-23 1万+
Axure中的模糊搜索
axure9.0中继器多条件模糊查询总结
qq_56370437的博客
02-07 1586
[(Item.code.indexOf(code)+Item.name.indexOf(code)+Item.phome.indexOf(code)+Item.address.indexOf(code))>-4]]，同样的公式相加并括起来（），而-4则表示在中继器中查询的列数。PS：这效果没有达到预期，当前功能仅能实现单条件模糊的查询，并不能实现多条件模糊查询。3、最重要的地方，引用中继器字段，再插入字符串里面的indexOf（局部变量），检查后就完成了。不过单个模糊查询比较适用手机端。
Axure教程——模糊搜索（中继器 ）
weixin_43516258的博客
07-01 3011
本文介绍的是用Axure中的中继器制作模糊搜索
axure制作下拉列表模糊查询
csdnjquery163com的博客
06-30 3915
Axure的版本8.0 一、实现的功能：对姓名的下拉检索； 二、元件搭配 1、输入框； 2、中继器； 3、标签； 三、实现逻辑 1、默认下拉列表是隐藏； 2、搜索框内的文字长度大于等于1，并且搜索的文字能够模糊匹配下拉列表中的值，显示下拉列表； 3、鼠标悬停在下拉框文字上，改变文字的背景颜色； 4、单击选中下拉列表文字将文字赋值到搜索框，同时隐藏下拉列表； 5、搜索框内的文字长度小于1，隐藏下拉列表； 四、操作步骤 1、输入框，在元件库中选择一个输入框，取名为“搜索框”； 2、中继器，选择
android搜索框功能实现_vue实现模糊搜索功能
weixin_39529463的博客
11-20 183
首先写好一个列表写好的样式是这样滴操作来了在computed里面定义了一个search函数 使用filter过滤接下来在method 里面写一个sousuo1函数 进行一个判断 如果搜索这个输入框框里是空 就是展示原数据 如果这个不为空 就会展示搜索到的数据最后 很重要把list改为sousuo1()这个函数看效果接下来把全部代码写上 里面的vue引入的是cdn 直接复制黏贴就可以用 ...
axure 实现模拟百度搜索。中继器实现列表，分页显示。全局模糊查询。被搜索关键字高亮显示
桔年的博客
12-25 1056
6.clear图标动作设置，载入时不显示，textEdit点击时显示，单击clear时，隐藏clear，将文本textEdit清空。来到这里的都是想学习的好朋友，废话不多说。3.调整title,content文本过长。1.引入中继器，初始化数据，给矩形赋值。2.调整title和content的样式。添加 上一页，下一页，当前页。8.clear图标移除筛选。选中中继器，设置分页。7.搜索一下添加筛选。
程矢Axure夜话图文教程中继器模糊搜索.pdf
02-16
程矢Axure夜话图文教程中继器模糊搜索.pdf
Axure9 使用中继器实现模糊查询搜索
渡阡
11-25 7664
最近完善产品的元件库，刚好遇到需要用中继器实现查询搜索功能。 要求实现的效果也很简单：如下图，我想根据输入框内文本内容改变时，中继器的C1列按照输入框当前的文本内容，模糊查询结果并显示结果。 接下来就是如何实现： 1.给输入框添加交互“文本改变时”，选择中继器的“添加筛选”动作； 2.选择目标中继器，给筛选取个好辨认的名字，勾选“移除其他选项”，然后点击fx开始写规则； 3.这里我们...
AXURE rp表单模糊搜索
12-27
为了实现在Axure RP中的表单模糊搜索功能，主要依赖于中继器（Repeater）控件以及其内置的过滤机制。当中介器加载了一组记录之后，可以通过设定特定条件来筛选这些条目[^2]。 #### 构建基础界面布局 创建一个简单的...
Axure-RP原型图组件（导航栏-模糊搜索..）
03-19
嘻嘻嘻
axure模糊搜索.rp
11-30
axure设计模糊搜索控件
Axure夜话之中继器系列视频教程之中继器模糊搜索.rar
12-04
老二牛车教育程矢 Axure夜话之中继器系列视频教程之中继器模糊搜索.rar html原型
Axure 9 保姆级使用教程
WGzhuiri的博客
08-09 4631
大家好，我是大明同学。Axure是产品经理用来绘制原型的工具，在快速迭代快速发展的当下，原型能验证设计的概念，将现有的需求转化为具体可视方案，让团队成员可以更好的理解需求方案。这期内容先来熟悉一下Axure的操作界面。
使用axrue9，使用中继器，实现模糊查询的功能
最新发布
04-01
### 如何在 Axure 9 中通过中继器实现模糊查询功能 #### 准备工作 为了实现模糊查询功能，首先需要创建一个中继器并填充数据。具体操作如下： - 将中继器从左侧元件库拖拽至画布上。 - 定义中继器的列名，例如 `...
axure设计模糊搜索小控件
qq_17749127的博客
11-30 347
1个文本输入框，用来输入文字进行模糊搜索，两个矩形，一个装下拉选项，一个装选中下拉选项后标签。 1、功能：模糊搜索 文本输入框添加文本改变时事件，设置隐藏下拉选项2、下拉选项3，显示下拉选项1，设置隐藏下拉选项1、2，显示下拉选项3，同理设置文字为下拉选项2 2、选中下拉选项显示√ 在3个下拉选项后分别添加√，隐藏，将下拉选项1、2、3添加点击事件， ...
Axure百度模糊查询功能
iteye_7017的博客
03-03 1442
本文实现的效果是类似于百度等众多网站的模糊查询功能，如图所示1.建立Axure，本文以百度为例，便于了解。2.插入一个单行文本框，长度根据自己的需求设定，文本框后面插入按钮。  3.在文本框下面建立一个动态面板，命名为“搜索列表”，点击动态面板的state1，编辑state1，拖动矩形到state1里面，并在矩形中添加内容，然后设置矩形的边框为none。本文以“天”字为例。   4.开始设...
【Axure教程】高级搜索
mushe93的博客
09-12 2430
今天教大家怎么在Axure里使用交互，实现高级搜索的效果~~~
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Coolstuz

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值