Limiting the amount of inner groups (Tree height)

[GUU]

I have the requirement to have a limited set of groups within the group. That means that the tree height can't be more than 2. Example:

1. Group A
   1. Group A1
      
   2. Group A2
2. Group B
1. Group B1

Is OK. 

Not OK is:

1. Group A
1. Group A1
   
   1. Group A11
      
2. Group A2
1. Group A21

Is there any way to achieve this? Thanks!

[Aravinthan Seetharaman]

Hi Gonzalo, 

 

Thanks for contacting Syncfusion Support. 

 

We have checked your query. We need to validate more on your query. So, we will update the further details on 4^th August 2021. We appreciate your patience until then. 

 

Regards, 

Aravinthan S

[Aravinthan Seetharaman]

Hi Gonzalo, 

 

Thanks for the patience. 

 

We have checked your query. We have achieved your requirement by setting rules in QueryBuilder. Please refer the below code snippet and sample. 

 

 

<QueryBuilderComponent 

                width="70%" 

                maxGroupCount={5} 

                dataSource={employeeData} 

                columns={this.columnData} 

                rule={this.importRules} 

                created={this.createdControl.bind(this)} 

                ref={scope => { 

                  this.qbObj = scope; 

                }} 

              /> 

 

  

Sample: https://stackblitz.com/edit/react-xkqjuy?file=index.js  

 

Could you please check the above details and get back to us, if you need assistance on this. 

 

Regards, 

Aravinthan S