Searching in hierarchy grid up to grandchildren

[Ryan Costache]

How do I use the search input in the toolbar to search the name field of either the main grid, any of its children or its grandchildren containing the search string?

I would like to search all 3 levels and display the entry if the element in the main grid, its child grid or even its grandchild grid has the name field containing what the user types in the search input.

Thanks in advance.

[Malini Selvarasu]

Hi Ryan Costache,

Greetings from Syncfusion support.

After evaluating your inquiry, we have noted that you are trying to perform search operation in both the parent and child grids concurrently. In our EJ2 Grid, the parent and child grid functionalities are designed to work independently for data operations such as filtering and searching by default. Consequently, when you perform a search in the parent grid, it will only return results based on the parent Grid's records, and the same principle applies to the child grid. Therefore, merging the search capabilities for both the parent and child grids is not feasible.

Regards

Aishwarya R

[Ryan Costache]

What other Syncfusion component can I use to be able to have something like a hierarchy grid and search through all the levels?

[Aishwarya Rameshbabu]

Hi Ryan Costache,

Upon reviewing your query, it has come to our attention that you require a different Syncfusion component that allows for the utilization of a hierarchical Grid with the capability to search across all levels of the childGrid. To meet this requirement, we recommend employing the Syncfusion Tree Grid component. This component is designed to facilitate searches across all three levels of the child Grid. For more detailed information, please refer to the documentation link, demo link, the sample and video demonstration provided below.

Sample: Azpxtv (forked) - StackBlitz

Demo Link: TreeGrid Demo - Search

Documentation Links:

TreeGrid-Getting-Started

TreeGrid-Searching

If you need any other assistance or have additional questions, please feel free to contact us.

Regards

Aishwarya R

Attachment: 615480UpdatedSample_6039486c.zip

[Ryan Costache]

Could you provide some sample code how to bind the data to the TreeGrid?

I have separate data for each level, so 3 sets, and each set depends on its parent.

The topmost level holds the items, with their id being the itemId for the children documents, and their id is the documentId for the grandchildren questions. 

I get the data by calling http get in service methods.

[Aishwarya Rameshbabu]

Hi Ryan Costache,

Please follow up on the support ticket for further updates that were created under your account regarding your issue.

Regards,

Aishwarya R