Treeview inside Dropdownlist

[Tan-Tan]

Hi,
I try to create a data source based treeview, to be opened like a dropdownlist, in the same form with other dropdownlist items and comboboxes, so I would like them to look similar.

[Vitantonio]

Hi,
also I am interested.
You can post the solution.

Thanks

[Georgi Krustev]

Hello guys,

 
This functionality is not supported out of the box. If you need further assistance on this, you can contact Telerik Premium services.

All the best,
Georgi Krustev
the Telerik team

[John DeVight]

I've created a library called "Kendo UI Extended API" which can be found on GitHub at: https://github.com/jsExtensions/kendoui-extended-api which has a DropDownTreeView widget.  I've written an article about how to use it at: Kendo UI Extended API: DropDownTreeView Widget.

Here is an example.

The HTML:

<div id="dropDownTreeView">
</div>

The JavaScript:

var dropDownTreeView = $("#dropDownTreeView").kendoExtDropDownTreeView({
    treeview: {
        dataSource: new kendo.data.HierarchicalDataSource({
            data: [
                {
                    text: "Furniture", items: [
                      { text: "Tables & Chairs" },
                      { text: "Sofas" },
                      { text: "Occasional Furniture" }
                    ]
                },
                {
                    text: "Decor", items: [
                      { text: "Bed Linen" },
                      { text: "Curtains & Blinds" },
                      { text: "Carpets" }
                    ]
                }
            ]
        })
    }
}).data("kendoExtDropDownTreeView");

Hope this helps...

Regards,

John DeVight

[Carrie]

Thanks John I will look at your extended API.
 
Can you tell me if its possible to incorporate the use of AutoComplete into your implementation?

I have the requirement for a Dropdown that has Autocomplete functionality as well as a tree structure.

Thanks,
Carrie