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

Checkboxes

configuration

If true or an object, renders checkboxes beside each node.

checkboxes

Boolean|Object

Default: false

<div id="treeview"></div>
<script>
$("#treeview").kendoTreeView({
  checkboxes: true,
  dataSource: [
    { text: "foo", items: [
      { text: "bar" }
    ] }
  ]
});
</script>

checkboxes.checkChildren

Boolean

Indicates whether checkboxes of child items should get checked when the checkbox of a parent item is checked. This also enables tri-state checkboxes with an indeterminate state.

Default: false

<div id="treeview"></div>
<script>
$("#treeview").kendoTreeView({
  checkboxes: {
    checkChildren: true
  },
  dataSource: [
    { text: "foo", items: [
      { text: "bar" }
    ] }
  ]
});
</script>

checkboxes.name

String

Sets the name attribute of the checkbox inputs. That name will be posted to the server.

<div id="treeview"></div>
<script>
$("#treeview").kendoTreeView({
  checkboxes: {
    name: "checkedItems[]"
  },
  dataSource: [
    { text: "foo", items: [
      { text: "bar" }
    ] }
  ]
});
</script>

checkboxes.template

String|Function

The template which renders the checkboxes. Can be used to allow posting of additional information along the TreeView checkboxes.

The fields which can be used in the template are:

item - the data item of the given node
treeview - the TreeView options

<div id="treeview"></div>
<script>
$("#treeview").kendoTreeView({
  checkboxes: {
    template: "<input type='checkbox' name='checkedFiles[#= item.id #]' value='true' />"
  },
  dataSource: [
    { id: 1, text: "foo", items: [
      { id: 2, text: "bar" }
    ] }
  ]
});
</script>