Hi team,
We want to show heirarchial data in a dropdown list using any of your components like select or combo.
The heirarchy can be n level and dynamic. Please give some inputs on how to achieve this.
Thanks
Hi Riva Ivanova,
Thank your quick response. I am looking for dropdown list with single item and grouping items (with checkboxes - like tree view) instead buttons. Based on the user selection on the items, selected values should display/appear on the dropdown (ie multiple items) with 'X' symbol, if the user click the 'X' symbol it should clear items from dropdown and unchecked at the bottom. I attached the screenshot for your reference.
Please suggest me with sample example. Thanks in advance!!
Hello Madhavan,
Thank you for posting into our community!
I have been looking into your question and the provided screenshot and what I could suggest is wrapping an IgxInputGroupComponent and an IgxTreeComponent in a div element, which has an IgxToggleDirective set, as the main purpose of the toggle directive is to allow content to be wrapped into a box that can be easily opened and closed.
Furthermore, in order to have a search text box that finds specific elements, what I could suggest is using IgxTreeComponent’s findNodes method, which returns an array of nodes, that match the specified data. More information could be found in the Finding Nodes sections of our Tree topic here.
However, if you require the data list to be filtered when typing a certain value into the input field, I could suggest using an IgxTreeGridComponent and its filter method instead. A sample that demonstrates this functionality could be found in our Angular Tree Grid Filtering Example here.
Here could be found a sample that demonstrates how an IgxInputGroupComponent and an IgxTreeComponent could be wrapped in a div with an IgxToggleDirective, as well as an example with an IgxTreeGridComponent.
However, please note that providing similar functionality as the IgxComboComponent/IgxSelectComponent is beyond the scope of Infragistics Support and this should be handled entirely on application level by the developer! By following these suggestions and using similar approaches, you could achieve your requirement and cover other specific scenarios as well.
Please let me know if you need any further assistance.
Sincerely, Riva Ivanova Entry Level Software Developer
I am looking for Hierarchical items in combo/select, attached the sample screenshot for your reference.
Hello Rameez,
I am glad that you find my suggestion helpful.
Thank you for using Infragistics components.
Regards,Riva IvanovaEntry Level Software Developer
Thanks again for the detailed examples which would help us achieving what we want!
Cheers!