问题标签 [reactivesearch]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
467 浏览

reactjs - 如何在 ResultCard 中显示搜索结果中的详细信息页面?

前提条件:使用 appbaseio/reactivesearch 响应应用程序

问题:当我单击搜索结果时,我试图在同一窗口中打开一个简单的详细信息页面(例如,作为通过onclick处理程序触发的弹出窗口)。ResultCard 组件正在显示搜索结果。有人遇到过类似的问题并解决了吗?

我看到 ResultCard 组件中有 url 参数(此处为:“profile”),但它只是重定向到另一个选项卡窗口中的指定 url。

0 投票
1 回答
77 浏览

reactivesearch - 如何使结果卡/列表响应?

我正在尝试使用反应式搜索进行基于过滤器的搜索。但是,我坚持使用结果卡实现。目前,结果卡仅显示我的弹性搜索数据库中的特定内容。但是,我需要结果卡具有响应性,即当单击结果卡时,应在屏幕上呈现一个弹出窗口,显示特定搜索结果的其他详细信息。

我尝试实现一些 CSS 和 Javascript 弹出窗口,但无法呈现每个搜索项的内容。

{res.Variants}

0 投票
1 回答
294 浏览

reactjs - 反应式搜索过滤器可用过滤器

我已经建立了一个基于过滤汽车销售的示例应用程序

https://codesandbox.io/s/h0eb4

我已经设置了简单的“制造”和“模型”过滤器,但我希望“模型”过滤器根据“制造”字段进行更新。

我是否需要深入研究弹性搜索 API 来使用自定义聚合来做到这一点,或者有没有办法使用反应式搜索 UI 组件来做到这一点?

如果有人可以建议我使用纯弹性搜索方式(为查询发布参数)或使用反应式搜索 UI 组件,那就太好了。

0 投票
3 回答
754 浏览

react-native - ReactiveSearch如何在加载时停止初始查询

因此,我的 ReactiveSearch 工作正常,但我注意到在初始加载时它会执行查询以获取项目 - 鉴于我的索引中可能有一百万个项目,我理想情况下希望将其关闭并且只返回来自的结果自动建议?

编辑我还尝试添加默认值以尝试停止初始查询返回数据。但它似乎没有按预期工作。

编辑2:

我还尝试了以下格式的 defaultQuery 并将其添加到 reactiveList 和 dataSearch 组件这给了我一个未定义的错误不是对象'this.defaultQuery.sort' - 如果我向两个查询添加排序它没有区别:

0 投票
1 回答
56 浏览

javascript - 提供给“ReactiveComponent”的“object”,预期的“function”

尝试将 ReactiveSearch 用于搜索栏时出现此错误。这就是我初始化它的方式:

这是传入的函数:

关于我在这里做错了什么有什么建议吗?该函数似乎已正确传递给组件。

0 投票
0 回答
95 浏览

reactivesearch - ReactiveSearch:如何在多个过滤器更改之前延迟/暂停响应式查询?

正常行为是针对组件(例如过滤器)ReactiveBase中的每次更改执行新查询。react

但就我而言,我想进行多个过滤器更改并暂停反应式自动查询,直到进行所有更改。(想象一下“应用过滤器”按钮或类似按钮。)

实际问题是,当用户在每次更改时等待多个查询返回时,即时更改查询会导致性能问题或糟糕的用户体验。

有什么简单的方法可以做到这一点吗?我正在修改react其他恶作剧的属性,但简单地关闭“自动查询”并仅在我明确要求时刷新结果似乎最简单(至少对我而言)。

0 投票
1 回答
506 浏览

reactjs - 如何根据外部事件/外部组件更新过滤器计数和表格结果

我正在使用包含一些过滤器(多列表)的反应搜索构建仪表板,例如国家、状态等。我有一个表格,其中一些行在反应列表中呈现。

我有一个工具栏,用于更改表格上的特定属性。例如,如果我需要将行的状态从挂起更改为挂起(此工具栏不是响应式搜索组件)。根据状态更改调用的反馈,我如何重新渲染 reactiveBase 组件以更新计数并更新行以反映更新的状态。

我尝试过的几个选项是 1)在状态更新发生时将 MultiList 过滤器值设置为随机值,并在状态更新完成时将其设置为实际值,以触发重新渲染。但这不会更新过滤器的计数。并且表行的状态也不会持续更新。

2)重新加载网页(这可行,但想将其保存为最后的手段)

//反应js

预期结果是保存状态时,过滤器和表行的计数应更新以反映实际状态。

0 投票
2 回答
149 浏览

reactjs - 带有提交按钮的 ComponentSearch

我需要帮助才能使组件搜索仅在单击提交按钮或按回车键时启动。不像用户类型。

我已经设置了我的状态并使用 onValueChange 方法来获取输入的值作为按钮

我希望我的按钮获得该值并在点击提交或按 Enter 时运行查询。感谢帮助

0 投票
0 回答
100 浏览

elasticsearch - 如何禁用弹性搜索的前缀匹配?

我正在使用 ReactiveSearch 来支持购物网站上的查询。但是,如果我搜索“tops”,则查询匹配包含“topshop”之类的单词的描述,并且这些结果的排名高于仅包含“tops”的描述。如何禁用所有前缀匹配?

我正在使用具有以下配置的 ReactiveSearch 库:

这是一个示例查询

由于似乎 ElasticSearch 默认情况下不进行前缀匹配,我对为什么会发生前缀匹配感到困惑。任何帮助表示赞赏!

0 投票
1 回答
3517 浏览

vue.js - 在 Vue 中使用模板文字时的错误

我的 Vue 项目中有以下内容:

我收到以下错误:

我从:https ://opensource.appbase.io/reactive-manual/vue/search-components/datasearch.html 得到这个片段

我有点卡住了,我在想他的模板文字的结构方式有问题吗?

谢谢!