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

Messages

configuration

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

messages

Object
<div id="propertyGrid"></div>
<script>
$("#propertyGrid").kendoPropertyGrid({
    messages: {
        defaultGroupName: "General",
        commands: {
            details: "Show Details",
            excel: "Export to Excel",
            group: "Group",
            pdf: "Export to PDF",
            search: "Search",
            sort: "Sort"
        }
    },
    model: {
        foo: "bar",
        baz: 5
    }
});
</script>

Defines the text and/or title for the command buttons that are used across the component.

<div id="propertyGrid"></div>
<script>
$("#propertyGrid").kendoPropertyGrid({
    messages: {
        commands: {
            details: "View Details",
            excel: "Export Excel File",
            group: "Group Properties",
            pdf: "Export PDF File",
            search: "Search properties...",
            sort: "Sort Properties"
        }
    },
    model: {
        foo: "bar",
        baz: 5
    }
});
</script>

When grouping is enabled, sets the name for the group, to which any root properties without a defined group will be added to.

Default: Other

<div id="propertyGrid"></div>
<script>
  $("#propertyGrid").kendoPropertyGrid({
    columns: {
        fieldColumn: { width: 200 },
        valueColumn: { width: 250 }
    },
    model: {
        foo: "bar",
        baz: 5,
        price: 10,
        agree: false,
        details: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida tincidunt tellus."
    },
    items:[
        {field: "foo", group: "Group A", editable: false},
        {field: "baz", group: "Group B", editor: "NumericTextBox", editorOptions: { min: 1, max: 10 } },
        {field: "agree", group: "Group C", validation: { required: true } },
        {field: "details", group: "Group D", editor: "TextArea", editorOptions: { rows: 5 }, template: (data)=>`<span style="color:red">${data.value}</span>`},
        {field: "price", editable: false, format: "{0:C}"}
    ],
    messages: { defaultGroupName: "Other Items"}
  });
</script>