Extend Select2 drop down with a tree view

[ghost]

Allowing for a tree structure with multi-select would be tremendously valuable for many use cases. Numerous Select2 users would be grateful as evident in the Google Group.

In many usage scenario's Select2's reliance on search for larger sets of values does not cut it. For one the term to search for might be unclear to the user or worse exist multiple times under different parent items, furthermore it does not work in multi-select scenarios for structured data, i.e., user wants to filter a product list by product (sub)categories.

[mestaritonttu]

Anyone wanting this right now might look into using this: https://github.com/SE7ENSKY/jquery-select7

[th0r]

Guys, do you plan to implement this?
@kevin-brown

[kevin-brown]

Guys, do you plan to implement this?

Eventually? Yes. It would be as a separate results adapter and definitely wouldn't be in the light build of Select2.

It's not on the roadmap though, but if anyone is interested in creating the adapter we will gladly link to it from the documentation.

[uiliw]

Best example to follow is this one made with angularjs, http://codepen.io/chrishanson/pen/nqcGA

[mestaritonttu]

Guys, Santa just brought us a little something: https://github.com/maliming/select2-treeview

[lonlie]

Hi guys, This is my solution, Hope it's useful.
https://github.com/lonlie/select2tree

[dustapplications]

@lonlie Your plugin looks promising. Kindly improve documentation and translate it in English please so everyone can enjoy it. Thanks

[lonlie]

@dustapplications

DariaPlotnikova help me do that. She added instructions in English and Russian for select2tree.

[alexweissman]

Please refrain from submitting "+1" comments, everyone. To show your interest, simply click the 👍 button on the top-level comment.

[clivezhg]

I also faced this issue in my projects.
And I implemented an extension, you can check if my approach is suitable for you.
It's here: https://github.com/clivezhg/select2-to-tree

[charlmert]

I created a tree view based on google drives tree navigation, when you move a document into a folder. Hope it can be of use to someone else;
http://charl.faceclues.co.za/select2gtree/

[pedrofurtado]

We don't have immediate plans to provide this. We are focused to fix some major UI bugs (that are majority of issues and PR's). But if you open a PR with unit tests, I will be glad to review and approve if everything is ok 👍

[wmkDev]

I was in need of this feature and made my custom implementation of @lonlie version, maybe its useful for someone:

https://jsfiddle.net/kikoDev/6vmzqbn9/

[mariela21180]

I also faced this issue in my projects.
And I implemented an extension, you can check if my approach is suitable for you.
It's here: https://github.com/clivezhg/select2-to-tree

@clivezhg this is a great solution! thanks!

The only thing that I couldn't sove with your extension is that the parent items remains visible when using the multiple+search options. Image example using your documentation array demo:

Could you please tell me if it's possible to force that?