The combination of MultiSelect with TreeView inside is not suported out-of-the-box, but here is a Demo
that shows similar functionality.
Another example for custom implementation of TreeView inside a MultiSelect could be found on the linked Dojo.
Initially the TreeView is hidden by using 'display:none', and it is shown after a click on the MultiSelect by following code:
If a node is removed from the MultiSelect it could be unchecked by using MultiSelect deselect event
and uncheck the node in the event handler
item = e.item;
treeview = $(
node = treeview.findByText(item.text());
When an item is checked in the TreeView, a subscription to the check event
is made. In its event handler all the the checked nodes are gathered and the MultiSelect is populated with their values.
Nested TreeView had been suggested before for different widgets (DropDownList, ComboBox, MultiSelect), so there is a request for such functionality in our Feedback portal. Here is a link to such suggestion
. Depending on the votes each request gather, it might be considered for including in the future releases.