All docs
V19.1
24.1
The page you are viewing does not exist in version 24.1.
23.2
The page you are viewing does not exist in version 23.2.
23.1
The page you are viewing does not exist in version 23.1.
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
19.1
18.2
18.1
17.2
Box
Row
Map
Vue
A newer version of this page is available. Switch to the current version.

jQuery DataGrid - editing.texts

Contains options that specify texts for editing-related UI elements.

Type:

Object

The following code shows the editing.texts declaration syntax:

jQuery
index.js
$(function() {
    $("#dataGridContainer").dxDataGrid({
        // ...
        editing: {
            // ...
            texts: {
                deleteRow: "Remove"
            }
        }
    });
});
Angular
app.component.html
app.component.ts
app.module.ts
<dx-data-grid ... >
    <dxo-editing ... >
        <dxo-texts
            deleteRow="Remove">
        </dxo-texts>
    </dxo-editing>
</dx-data-grid>
import { Component } from '@angular/core';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
export class AppComponent {
    // ...
}
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

import { DxDataGridModule } from 'devextreme-angular';

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule,
        DxDataGridModule
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule { }
Vue
App.vue
<template>
    <DxDataGrid ... >
        <DxEditing ... >
            <DxTexts
                delete-row="Remove"
            />
        </DxEditing>
    </DxDataGrid> 
</template>

<script>
import 'devextreme/dist/css/dx.common.css';
import 'devextreme/dist/css/dx.light.css';

import DxDataGrid, {
    DxEditing,
    DxTexts
} from 'devextreme-vue/data-grid';

export default {
    components: {
        DxDataGrid,
        DxEditing,
        DxTexts
    },
    data() {
        // ...
    }
}
</script>
React
App.js
import React from 'react';

import 'devextreme/dist/css/dx.common.css';
import 'devextreme/dist/css/dx.light.css';

import DataGrid, {
    Editing,
    Texts
} from 'devextreme-react/data-grid';

class App extends React.Component {
    render() {
        return (
            <DataGrid ... >
                <Editing>
                    <Texts
                        deleteRow="Remove"
                    />
                </Editing>
            </DataGrid>
        );
    }
}
export default App;

addRow

Specifies text for a hint that appears when a user pauses on the global "Add" button. Applies only if editing.allowAdding is true.

Type:

String

Default Value: 'Add a row'

cancelAllChanges

Specifies text for a hint that appears when a user pauses on the "Discard" button. Applies only if editing.mode is "batch".

Type:

String

Default Value: 'Discard changes'

cancelRowChanges

Specifies text for a button that cancels changes in a row. Applies only if editing.allowUpdating is true and editing.mode is "row".

Type:

String

Default Value: 'Cancel'

confirmDeleteMessage

Specifies a message that prompts a user to confirm deletion.

Type:

String

Default Value: 'Are you sure you want to delete this record?'

A window that displays this message appears when a user tries to delete a row, or when you call the deleteRow(rowIndex) method in code. To prevent this window from appearing, set this option to an empty string.

See Also

confirmDeleteTitle

Specifies a title for the window that asks a user to confirm deletion.

Type:

String

Default Value: ''

See Also

deleteRow

Specifies text for buttons that delete rows. Applies only if allowDeleting is true.

Type:

String

Default Value: 'Delete'

editRow

Specifies text for buttons that switch rows into the editing state. Applies only if allowUpdating is true.

Type:

String

Default Value: 'Edit'

saveAllChanges

Specifies text for a hint that appears when a user pauses on the global "Save" button. Applies only if editing.mode is "batch".

Type:

String

Default Value: 'Save changes'

saveRowChanges

Specifies text for a button that saves changes made in a row. Applies only if allowUpdating is true.

Type:

String

Default Value: 'Save'

undeleteRow

Specifies text for buttons that recover deleted rows. Applies only if allowDeleting is true and editing.mode is "batch".

Type:

String

Default Value: 'Undelete'

validationCancelChanges

Specifies text for a hint appearing when a user pauses on the button that cancels changes in a cell. Applies only if editing.mode is "cell" and data validation is enabled.

Type:

String

Default Value: 'Cancel changes'

See Also