JavaScript/jQuery TreeList - editing.texts
The following code shows the editing.texts declaration syntax:
jQuery
$(function() {
$("#treeListContainer").dxTreeList({
// ...
editing: {
// ...
texts: {
deleteRow: "Remove"
}
}
});
});Angular
<dx-tree-list ... >
<dxo-editing ... >
<dxo-texts
deleteRow="Remove">
</dxo-texts>
</dxo-editing>
</dx-tree-list>
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 { DxTreeListModule } from 'devextreme-angular';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
DxTreeListModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }Vue
<template>
<DxTreeList ... >
<DxEditing ... >
<DxTexts
delete-row="Remove"
/>
</DxEditing>
</DxTreeList>
</template>
<script>
import 'devextreme/dist/css/dx.common.css';
import 'devextreme/dist/css/dx.light.css';
import DxTreeList, {
DxEditing,
DxTexts
} from 'devextreme-vue/tree-list';
export default {
components: {
DxTreeList,
DxEditing,
DxTexts
},
data() {
// ...
}
}
</script>React
import React from 'react';
import 'devextreme/dist/css/dx.common.css';
import 'devextreme/dist/css/dx.light.css';
import TreeList, {
Editing,
Texts
} from 'devextreme-react/tree-list';
class App extends React.Component {
render() {
return (
<TreeList ... >
<Editing>
<Texts
deleteRow="Remove"
/>
</Editing>
</TreeList>
);
}
}
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.
addRowToNode
Specifies text for the button that adds a new nested row. Applies if the editing.mode is "batch" or "cell".
cancelAllChanges
Specifies text for a hint that appears when a user pauses on the "Discard" button. Applies only if editing.mode is "batch".
cancelRowChanges
Specifies text for a button that cancels changes in a row. Applies only if editing.allowUpdating is true and editing.mode is "row".
confirmDeleteMessage
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 the confirmDelete property to false.
See Also
- editing.texts.confirmDeleteTitle
deleteRow
Specifies text for buttons that delete rows. Applies only if allowDeleting is true.
editRow
Specifies text for buttons that switch rows into the editing state. Applies only if allowUpdating is true.
saveAllChanges
Specifies text for a hint that appears when a user pauses on the global "Save" button. Applies only if editing.mode is "batch".
saveRowChanges
Specifies text for a button that saves changes made in a row. Applies only if allowUpdating is true.
undeleteRow
Specifies text for buttons that recover deleted rows. Applies only if allowDeleting is true and editing.mode is "batch".
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.