How to enable the nested level Multiselect?

[Raja Gopal]

Dear,

Now the MultiSelectComponent has the single level multi-select check box.

I need the implement a nested level multi-select check box.

Is the method is available? How can I achieve this with the current MultiSelectComponent?

Thanks and Regards

[Sureshkumar P]

Hi Raja, 

 

Greetings from Syncfusion support. 

 

Based on your shared information, we suggest you use our DropdownTree component with checkbox mode to achieve your requirement.  

 

To know more about dropdowntree component please refer the below online sample and documentation link. 

 

Demo link: https://ej2.syncfusion.com/react/demos/#/material/drop-down-tree/checkbox  

 

Documentation link: https://ej2.syncfusion.com/react/documentation/drop-down-tree/checkbox/  

Regards, 

Sureshkumar P 

[Raja Gopal]

Dear Sureshkumar,

Hope You are doing well.

the below example, even  I can achieve with Multi-select.

for the below example you put some country and states right.?

for example, Inside India have some states right, I need Inside the state with the district also

like 

India
     Assam

     Bihar

     Tamil Nadu

          Chennai

          Coimbatore

          Kanyakumari

     Punjab

     Kerala

is there any possibility is there?

[Sowmiya Padmanaban]

Hi Raja Gopal,  

 

Based on your shared details, you are expecting to displaying the datasource in hierarchical structure. You can achieve your requirement with DropdownTree Component. 

 

For your reference, we have prepared a sample based on your requirement. 

 

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

 

Please, refer the below screenshot. 

 

 

 

 

Please, refer the below documentation for the parent-child mapping for DropdownTree component. 

 

https://ej2.syncfusion.com/react/documentation/drop-down-tree/data-binding/#local-data 

 

Please let us know, if you need any further assistance. 

 

Regards,  

Sowmiya.P 

[Raja Gopal]

Dear Sowmiya,

your reference is exactly the same as what Mr.Suresh said,


Okay, I will get the Idea and I will do it.

Thanks for your reply

[Muthukrishnan Kandasamy]

 

Hi Raja Gopal, 

 

Welcome. Please, get back to us if you need any further assistance. We will be happy to assist you. 

 

Regards, 

Muthukrishnan K 

[Raja Gopal]

Hi,

I am using DropDownTreeComponent. here I am facing 1 issue. can you please sort out that?

Issue:

If I am using "allowFiltering={true}" that time auto check is not working. 

I need to allow Filtering with an auto check.

How can I achieve this one with DropDownTreeComponent

here I attached the sample URL for your reference.

https://stackblitz.com/edit/react-2gj4va?file=index.js
 
in this example command the allowFiltering={true} that time auto node check is working fine.

[Sowmiya Padmanaban]

Hi Raja Gopal,  

 

We have validated your requirement with DropdownTree component. We will consider this as a feature request in our end. Support for this feature will be included in any one of our upcoming releases. Generally, we will plan any feature implementation based on customer request count, feature rank and wishlist plan for some feature.  

  

Please, track the following feedback link to know the status of this feature implementation.  

  

https://www.syncfusion.com/feedback/19874/support-for-autocheck-functionality-when-enabling-the-filtering-in-dropdowntree 

  

We appreciate your patience.  

  

Regards,   

Sowmiya.P  

[Raja Gopal]

Thank you

[Sowmiya Padmanaban]

Hi Raja Gopal,  

  

Thanks for your update. 

  

Please track the previously shared feedback for the feature status. 

  

Please let us know, if you need any further assistance. 

  

Regards,  

Sowmiya.P