New to Kendo UI for jQuery? Download free 30-day trial


Once the checkboxes option is set to true, the DropDownTree provides the multiple selection functionality by rending each checked item as a tag in its input.

You can remove the tags (items) through their X button which will automatically uncheck them in the drop-down. Along with the standard checkbox support, the DropDownTree allows you to manage the checked state of all nodes. To enable this functionality, set the CheckAll option to true.

<input id="dropdowntree"></input>

    var serviceRoot = "";
    var myDataSource = new{
        transport: {
            read: {
            url: serviceRoot + "/Employees",
            dataType: "jsonp"
        schema: {
            model: {
            id: "EmployeeId",
            hasChildren: "HasEmployees"

        checkboxes: true,
        checkAll: true,
        dataSource: myDataSource,
        dataTextField: "FullName"

See Also

In this article