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

Messages.commands

configuration

Defines the text for the command buttons that are used across the widget.

messages.commands

Object

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    dataSource: [
      { id: 1, parentId: null, name: "Jane Doe", age: 22 },
      { id: 2, parentId: 1, name: "John Doe", age: 24 }
    ],
    toolbar: [ "create", "pdf", "excel" ],
    columns: [ "name", "age", { command: [ "edit", "destroy", "createchild" ] } ],
    editable: true,
    messages: {
      commands: {
        edit: "Modify",
        update: "Save",
        canceledit: "Discard",
        create: "Add New",
        createchild: "Add Child",
        destroy: "Remove",
        excel: "Export XSLX",
        pdf: "Export to PDF"
      }
    }
  });
</script>

messages.commands.cancel

String

Defines the text of the Cancel Changes button that cancels all data modifications.

Default: "Cancel Changes"

<div id="treeList"></div>
<script>
$("#treeList").kendoTreeList({
  dataSource: [
    { id: 1, parentId: null, name: "Jane Doe", age: 22 },
    { id: 2, parentId: 1, name: "John Doe", age: 24 }
  ],
  toolbar: [ "create" ],
  columns: [ "name", "age" ],
  editable: true,
  messages: {
    commands: {
      save: "Reject changes"
    }
  }
});
</script>

messages.commands.canceledit

String

Defines the text of the Cancel button that discards the changes during editing.

Default: "Cancel"

<div id="treeList"></div>
<script>
$("#treeList").kendoTreeList({
  dataSource: [
    { id: 1, parentId: null, name: "Jane Doe", age: 22 },
    { id: 2, parentId: 1, name: "John Doe", age: 24 }
  ],
  columns: [ "name", "age", { command: [ "edit" ] } ],
  editable: true,
  messages: {
    commands: {
      canceledit: "Discard"
    }
  }
});
</script>

messages.commands.create

String

Defines the text of the Add new record button that adds new data rows.

Default: "Add new record"

<div id="treeList"></div>
<script>
$("#treeList").kendoTreeList({
  dataSource: [
    { id: 1, parentId: null, name: "Jane Doe", age: 22 },
    { id: 2, parentId: 1, name: "John Doe", age: 24 }
  ],
  toolbar: [ "create" ],
  columns: [ "name", "age" ],
  editable: true,
  messages: {
    commands: {
      create: "Add new"
    }
  }
});
</script>

messages.commands.createchild

String

Defines the text of the Add child record button that adds new child data rows.

Default: "Add child record"

<div id="treeList"></div>
<script>
$("#treeList").kendoTreeList({
  dataSource: [
    { id: 1, parentId: null, name: "Jane Doe", age: 22 },
    { id: 2, parentId: 1, name: "John Doe", age: 24 }
  ],
  toolbar: [ "create" ],
  columns: [ "name", "age", { command: [ "createchild" ] } ],
  editable: true,
  messages: {
    commands: {
      createchild: "Add child item"
    }
  }
});
</script>

messages.commands.destroy

String

Defines the text of the Delete button that deletes a data row.

Default: "Delete"

<div id="treeList"></div>
<script>
$("#treeList").kendoTreeList({
  dataSource: [
    { id: 1, parentId: null, name: "Jane Doe", age: 22 },
    { id: 2, parentId: 1, name: "John Doe", age: 24 }
  ],
  columns: [ "name", "age", { command: [ "destroy" ] } ],
  editable: true,
  messages: {
    commands: {
      destroy: "Remove"
    }
  }
});
</script>

messages.commands.edit

String

Defines the text of the Edit button that shows the editable fields for the row.

Default: "Edit"

<div id="treeList"></div>
<script>
$("#treeList").kendoTreeList({
  dataSource: [
    { id: 1, parentId: null, name: "Jane Doe", age: 22 },
    { id: 2, parentId: 1, name: "John Doe", age: 24 }
  ],
  columns: [ "name", "age", { command: [ "edit" ] } ],
  editable: true,
  messages: {
    commands: {
      edit: "Modify"
    }
  }
});
</script>

messages.commands.excel

String

Defines the text of the Export to Excel button that exports the widget data in spreadsheet format.

Default: "Export to Excel"

<div id="treeList"></div>
<script>
$("#treeList").kendoTreeList({
  dataSource: [
    { id: 1, parentId: null, name: "Jane Doe", age: 22 },
    { id: 2, parentId: 1, name: "John Doe", age: 24 }
  ],
  toolbar: [ "excel" ],
  columns: [ "name", "age" ],
  messages: {
    commands: {
      excel: "Export to XLSX"
    }
  }
});
</script>

messages.commands.pdf

String

Defines the text of the Export to PDF button that exports the widget data in PDF format.

Default: "Export to PDF"

<div id="treeList"></div>
<script>
$("#treeList").kendoTreeList({
  dataSource: [
    { id: 1, parentId: null, name: "Jane Doe", age: 22 },
    { id: 2, parentId: 1, name: "John Doe", age: 24 }
  ],
  toolbar: [ "pdf" ],
  columns: [ "name", "age" ],
  messages: {
    commands: {
      pdf: "Export data to PDF"
    }
  }
});
</script>

messages.commands.save

String

Defines the text of the Save Changes button that saves modifed data rows.

Default: "Save Changes"

<div id="treeList"></div>
<script>
$("#treeList").kendoTreeList({
  dataSource: [
    { id: 1, parentId: null, name: "Jane Doe", age: 22 },
    { id: 2, parentId: 1, name: "John Doe", age: 24 }
  ],
  toolbar: [ "create" ],
  columns: [ "name", "age" ],
  editable: true,
  messages: {
    commands: {
      save: "Save data"
    }
  }
});
</script>

messages.commands.search

String

Allows the customization of the placeholder text in the treelist search panel.

Default: "Search..."

<div id="treeList"></div>
<script>
$("#treeList").kendoTreeList({
  columns: [ "name", "age" ],
  dataSource: [
    { id: 1, parentId: null, name: "Jane Doe", age: 22 },
    { id: 2, parentId: 1, name: "John Doe", age: 24 }
  ],
  toolbar:["search"],
  messages: {
    commands: {
      search: "Look for..."
    }
  }
});
</script>

messages.commands.update

String

Defines the text of the Update button that applies the changes during editing.

Default: "Update"

<div id="treeList"></div>
<script>
$("#treeList").kendoTreeList({
  dataSource: [
    { id: 1, parentId: null, name: "Jane Doe", age: 22 },
    { id: 2, parentId: 1, name: "John Doe", age: 24 }
  ],
  toolbar: [ "create" ],
  columns: [ "name", "age", { command: [ "edit" ] } ],
  editable: true,
  messages: {
    commands: {
      update: "Save"
    }
  }
});
</script>