diff --git a/apps/demos/Demos/Localization/UsingGlobalize/Angular/app/app.component.html b/apps/demos/Demos/Localization/UsingGlobalize/Angular/app/app.component.html
index 26f65dfe2564..5df939181593 100644
--- a/apps/demos/Demos/Localization/UsingGlobalize/Angular/app/app.component.html
+++ b/apps/demos/Demos/Localization/UsingGlobalize/Angular/app/app.component.html
@@ -1,5 +1,8 @@
-
+
{
+ if (e.dataField === 'Amount' && e.parentType === 'filterRow') {
+ e.editorOptions.inputAttr = { 'aria-label': 'Filter cell' };
+ }
+};
const selectBoxInputAttr = { id: 'selectInput' };
Globalize.load(
@@ -54,6 +61,7 @@ const App = () => {
{
+ if (e.dataField === 'Amount' && e.parentType === 'filterRow') {
+ e.editorOptions.inputAttr = { 'aria-label': 'Filter cell' };
+ }
+};
const selectBoxInputAttr = { id: 'selectInput' };
Globalize.load(deCldrData, ruCldrData, supplementalCldrData);
Globalize.loadMessages(deMessages);
@@ -44,6 +49,7 @@ const App = () => {
import { onBeforeMount, ref } from 'vue';
import {
- DxDataGrid, DxColumn, DxEditing, DxFilterRow,
+ DxDataGrid, DxColumn, DxEditing, DxFilterRow, type DxDataGridTypes,
} from 'devextreme-vue/data-grid';
import DxSelectBox, { type DxSelectBoxTypes } from 'devextreme-vue/select-box';
import 'devextreme/common/core/localization/globalize/number';
@@ -80,7 +81,10 @@ const locales: { Name: string, Value: Locale }[] = service.getLocales();
const payments: Record[] = service.getPayments();
const locale: Locale = getLocale();
const editPopupOptions = { width: 700, height: 345 };
-const amountEditorOptions = { format: 'currency', showClearButton: true };
+const amountEditorOptions = {
+ format: 'currency',
+ showClearButton: true,
+};
const selectBoxInputAttr = { id: 'selectInput' };
const formatMessage = ref((msg: string) => msg);
@@ -109,6 +113,12 @@ function initGlobalize() {
formatMessage.value = Globalize.formatMessage.bind(Globalize);
}
+function onEditorPreparing(e: DxDataGridTypes.EditorPreparingEvent) {
+ if (e.dataField === 'Amount' && e.parentType === 'filterRow') {
+ e.editorOptions.inputAttr = { 'aria-label': 'Filter cell' };
+ }
+}
+
function changeLocale({ value }: DxSelectBoxTypes.ValueChangedEvent) {
setLocale(value);
document.location.reload();
diff --git a/apps/demos/Demos/Localization/UsingGlobalize/jQuery/index.js b/apps/demos/Demos/Localization/UsingGlobalize/jQuery/index.js
index 6ac5bb3734be..6d3ae40a1eec 100644
--- a/apps/demos/Demos/Localization/UsingGlobalize/jQuery/index.js
+++ b/apps/demos/Demos/Localization/UsingGlobalize/jQuery/index.js
@@ -72,6 +72,11 @@ $(() => {
height: 345,
},
},
+ onEditorPreparing: (e) => {
+ if (e.dataField === 'Amount' && e.parentType === 'filterRow') {
+ e.editorOptions.inputAttr = { 'aria-label': 'Filter cell' };
+ }
+ },
};
const selectBoxOptions = {
diff --git a/apps/demos/testing/common.test.ts b/apps/demos/testing/common.test.ts
index 192deec511ad..c09fc520401a 100644
--- a/apps/demos/testing/common.test.ts
+++ b/apps/demos/testing/common.test.ts
@@ -75,9 +75,6 @@ const getIgnoredRules = (testName) => {
}
const specificRules = {
- 'DataGrid-EditStateManagement': ['aria-required-parent'],
- 'DataGrid-RemoteCRUDOperations': ['scrollable-region-focusable'],
-
'Diagram-Adaptability': ['aria-dialog-name', 'label'],
'Diagram-AdvancedDataBinding': ['aria-dialog-name', 'label'],
'Diagram-Containers': ['aria-dialog-name', 'label'],
@@ -109,8 +106,6 @@ const getIgnoredRules = (testName) => {
'Gantt-Overview': ['aria-required-parent', 'aria-valid-attr-value'],
'Gantt-StripLines': ['aria-required-parent', 'aria-valid-attr-value'],
'Gantt-Validation': ['aria-required-parent', 'aria-valid-attr-value'],
-
- 'Localization-UsingGlobalize': ['label'],
};
return [