Elastic App Search UI - Group by field

Elastic Search
1

Hi everyone,

I'm working on implementing a group-by functionality in my React app using Elastic's search-ui and running into some roadblocks. I've tried multiple approaches to achieve grouping and aggregations, but none have worked as expected.

  1. I tried using the group property in the search query. While this does group the results, it only returns between 1 to 10 documents per group, which isn’t sufficient for my use case where I need all items associated with each group.

  2. I also tried to pass the aggs and aggregations property but this ended up in an Error: [400] Options contains invalid key: aggs

At this point, it seems like search-ui's App Search integration may not fully support the advanced grouping and aggregation features I need, but I’m hoping there might be a workaround.

Any advice would be greatly appreciated!

2

Do you have any UI mockups of what you're trying to achieve?

When you mention grouping, i think of product carousels Product Carousels | Documentation

Joe

3

When I refer to grouping, I mean organizing the search results by a shared attribute, such as a tag or category. The idea is to have results displayed in distinct sections based on that shared field. Each section (or group) would have a heading corresponding to the tag/category (e.g., "Tag 1", "Tag 2"), and underneath, all the related items would be listed.

Grouping Example:

  1. Group by a Field: Results are grouped by a field like tags or category. Each group contains all items that share that specific field value.
  2. Visual Layout: The results are displayed in different sections, each labeled with the group's field (e.g., "Tag 1" at the top of one section, "Tag 2" at the top of another).
  3. Clear Separation of Groups: Each group is clearly separated from the others, making it easy to navigate through the data.

The Core Issue:

My problem isn’t how to implement this in React (which is straightforward). The main challenge is how to get the data grouped directly from Elastic App Search. App Search doesn't seem to support grouping or aggregations in the same way as Elasticsearch’s native queries do. For instance, using the group property in App Search only returns 1 to 10 items per group, which isn't sufficient for my needs.

I’m looking for a way to get all the items related to each group from Elastic App Search, but without running into these limitations. Do you have any suggestions on how to proceed with grouping in App Search, or would a switch to native Elasticsearch be required to achieve this functionality?

4

Thanks that makes more sense of what you're trying to achieve.

Theres two options with app search:

Joe

5

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.