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 [