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

Messages.commands

configuration

Defines the text of the command buttons that are shown within the Grid. Used primarily for localization.

messages.commands

Object

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" },
    { command: ["edit", "destroy"] }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  toolbar: ["create", "save", "cancel"],
  messages: {
    commands: {
      cancel: "Cancel changes",
      canceledit: "Cancel",
      create: "Add new record",
      destroy: "Delete",
      edit: "Edit",
      save: "Save changes",
      select: "Select",
      update: "Update"
    }
  }
});
</script>

messages.commands.add

String

Defines the text of the "Add" title that is rendered in the ActionSheet when adding a new record and adaptiveMode is set to auto .

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" },
    { command: ["edit", "destroy"] }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  editable: "popup",
  adaptiveMode: "auto",
  toolbar: ["create"],
  messages: {
    commands: {
      add: "Add new"
    }
  }
});
</script>

messages.commands.cancel

String

Defines the text of the "Cancel Changes" button located in the toolbar of the widget.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" },
    { command: ["edit", "destroy"] }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  toolbar: ["create", "save", "cancel"],
  messages: {
    commands: {
      cancel: "Cancel changes"
    }
  }
});
</script>

messages.commands.canceledit

String

Defines the text of the "Cancel" button that is rendered in inline or popup editing mode.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" },
    { command: ["edit", "destroy"] }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  toolbar: ["create", "save", "cancel"],
  messages: {
    commands: {
      canceledit: "Cancel"
    }
  }
});
</script>

messages.commands.columnchooser

String

Defines the text of the "ColumnChooser" button.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" },
    { command: ["edit", "destroy"] }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  sortable: true,
  filterable: true,
  groupable: true,
  toolbar: ["columnChooser"],
  messages: {
    commands: {
      columnchooser: "Choose column"
    }
  }
});
</script>

messages.commands.create

String

Defines the text of the "Add new record" button located in the toolbar of the widget.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" },
    { command: ["edit", "destroy"] }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  toolbar: ["create", "save", "cancel"],
  messages: {
    commands: {
      create: "Add new record"
    }
  }
});
</script>

messages.commands.destroy

String

Defines the text of the "Delete" button rendered in inline or popup editing mode.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" },
    { command: ["edit", "destroy"] }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  toolbar: ["create", "save", "cancel"],
  messages: {
    commands: {
      destroy: "Delete"
    }
  }
});
</script>

messages.commands.edit

String

Defines the text of the "Edit" button that is rendered in inline or popup editing mode.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" },
    { command: ["edit", "destroy"] }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  toolbar: ["create", "save", "cancel"],
  messages: {
    commands: {
      edit: "Edit"
    }
  }
});
</script>

messages.commands.excel

String

Defines the text of the "Export to Excel" button of the grid toolbar.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  toolbar: [ "excel" ],
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  messages: {
    commands: {
      excel: "Excel export"
    }
  }
});
</script>

messages.commands.filter

String

Defines the text of the "Filter" button.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" },
    { command: ["edit", "destroy"] }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  sortable: true,
  filterable: true,
  groupable: true,
  toolbar: ["filter"],
  messages: {
    commands: {
      filter: "Filtering"
    }
  }
});
</script>

messages.commands.group

String

Defines the text of the "Group" button.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" },
    { command: ["edit", "destroy"] }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  sortable: true,
  filterable: true,
  groupable: true,
  toolbar: ["group"],
  messages: {
    commands: {
      group: "Grouping"
    }
  }
});
</script>

messages.commands.save

String

Defines the text of the "Save Changes" button located in the toolbar of the widget.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" },
    { command: ["edit", "destroy"] }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  toolbar: ["create", "save", "cancel"],
  messages: {
    commands: {
      save: "Save changes"
    }
  }
});
</script>

messages.commands.search

String

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

Default: "Search..."

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  messages: {
    commands: {
      search: "Look for..."
    }
  },
  dataSource: [ { name: "Jane", age: 30 }, { name: "John", age: 33 }],
  toolbar:["search"]
});
</script>

messages.commands.selectall

String

Defines the text of the label of the "SelectAll" checkbox.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  dataLayoutMode: "stacked",
  columns: [
    { selectable: true },
    { field: "name" },
    { field: "age" },
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  sortable: true,
  filterable: true,
  groupable: true,
  toolbar: ["selectAll"],
  messages: {
    commands: {
      selectall: "Check All"
    }
  }
});
</script>

messages.commands.sort

String

Defines the text of the "Sort" button.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" },
    { command: ["edit", "destroy"] }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  sortable: true,
  filterable: true,
  groupable: true,
  toolbar: ["sort"],
  messages: {
    commands: {
      sort: "Sorting"
    }
  }
});
</script>

messages.commands.update

String

Defines the text of the "Update" button that is rendered in inline or popup editing mode.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" },
    { command: ["edit", "destroy"] }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  toolbar: ["create", "save", "cancel"],
  messages: {
    commands: {
      update: "Update"
    }
  }
});
</script>