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

Messages

configuration

The text messages displayed in the widget. Use it to customize or localize the messages.

messages

Object

<input id="dropdowntree" style="width: 400px;" />
<script>
    $("#dropdowntree").kendoDropDownTree({
        dataSource: [
            { id: 1, name: "Apples" },
            { id: 2, name: "Oranges" }
        ],
        dataTextField: "name",
        dataValueField: "id",
        checkboxes: true,
        messages: {
            clear: "clear!",
            deleteTag: "delete!"
        }
    });
</script>

messages.clear

String

The text message when hovering the clear button.

Default: "clear"

<input id="dropdowntree" style="width: 400px;" />
<script>
    $("#dropdowntree").kendoDropDownTree({
        dataSource: [
            { id: 1, name: "Apples" },
            { id: 2, name: "Oranges" }
        ],
        dataTextField: "name",
        dataValueField: "id",
        messages: {
            clear: "clear!",
        }
    });
</script>

messages.deleteTag

String

The text message shown when hovering delete icon in a selected tag.

Default: "delete"

<input id="dropdowntree" style="width: 400px;" />
<script>
    $("#dropdowntree").kendoDropDownTree({
        dataSource: [
            { id: 1, name: "Apples" },
            { id: 2, name: "Oranges" }
        ],
        dataTextField: "name",
        dataValueField: "id",
        checkboxes: true,
        messages: {
            deleteTag: "delete!"
        }
    });
</script>

messages.filterInputPlaceholder

String

The text message shown in the filter input.

Default: "Filter"

<input id="dropdowntree" />
<script>
    $("#dropdowntree").kendoDropDownTree({
        dataSource: [],
        filter: "contains",
        messages: {
            filterInputPlaceholder: "Placeholder for filtering."
        }
    });
</script>

messages.noData

String

The text message shown in the noDataTemplate when no data is available in the widget drop-down.

Default: "No data found."

<input id="dropdowntree" />
<script>
    $("#dropdowntree").kendoDropDownTree({
        dataSource: [],
        messages: {
            noData: "There is no data!"
        }
    });
</script>

messages.singleTag

String

The text message shown in the single TagMode tag.

Default: "item(s) selected"

<input id="dropdowntree" style="width: 400px;" />
<script>
    $("#dropdowntree").kendoDropDownTree({
        dataSource: [
            { id: 1, name: "Apples" },
            { id: 2, name: "Oranges" }
        ],
        dataTextField: "name",
        dataValueField: "id",
        checkboxes: true,
        messages: {
            singleTag: "item(s) selected!",
        },
        tagMode: "single"
    });
</script>