From ee2bc857710180a2948a0cf4af97fad9e25f06a0 Mon Sep 17 00:00:00 2001 From: dxArtemiusz Date: Mon, 29 Jul 2024 11:46:11 +0400 Subject: [PATCH 01/16] JS Demos Added pager.visible: true --- .../Demos/DataGrid/AdvancedMasterDetailView/jQuery/index.js | 3 +++ apps/demos/Demos/DataGrid/BatchUpdateRequest/jQuery/index.js | 3 +++ apps/demos/Demos/DataGrid/CellCustomization/jQuery/index.js | 3 +++ .../Demos/DataGrid/ColumnsBasedOnADataSource/jQuery/index.js | 3 +++ apps/demos/Demos/DataGrid/CustomDataSource/jQuery/index.js | 1 + apps/demos/Demos/DataGrid/CustomEditors/jQuery/index.js | 3 +++ .../Demos/DataGrid/CustomNewRecordPosition/jQuery/index.js | 3 +++ apps/demos/Demos/DataGrid/DeferredSelection/jQuery/index.js | 3 +++ apps/demos/Demos/DataGrid/EditStateManagement/jQuery/index.js | 3 +++ apps/demos/Demos/DataGrid/Filtering/jQuery/index.js | 3 +++ apps/demos/Demos/DataGrid/FilteringAPI/jQuery/index.js | 3 +++ apps/demos/Demos/DataGrid/FocusedRow/jQuery/index.js | 3 +++ apps/demos/Demos/DataGrid/GridSummaries/jQuery/index.js | 3 +++ apps/demos/Demos/DataGrid/GroupSummaries/jQuery/index.js | 3 +++ apps/demos/Demos/DataGrid/KeyboardNavigation/jQuery/index.js | 1 + .../DataGrid/MultipleRecordSelectionModes/jQuery/index.js | 3 +++ apps/demos/Demos/DataGrid/Overview/jQuery/index.js | 1 + apps/demos/Demos/DataGrid/PDFOverview/jQuery/index.js | 3 +++ .../Demos/DataGrid/RecalculateWhileEditing/jQuery/index.js | 3 +++ apps/demos/Demos/DataGrid/RecordGrouping/jQuery/index.js | 3 +++ apps/demos/Demos/DataGrid/RightToLeftSupport/jQuery/index.js | 3 +++ apps/demos/Demos/DataGrid/StatePersistence/jQuery/index.js | 1 + 22 files changed, 58 insertions(+) diff --git a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/jQuery/index.js b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/jQuery/index.js index ff37b921e5c7..080faa506792 100644 --- a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/jQuery/index.js @@ -10,6 +10,9 @@ $(() => { paging: { pageSize: 15, }, + pager: { + visible: true, + }, remoteOperations: true, columns: [ 'ContactName', diff --git a/apps/demos/Demos/DataGrid/BatchUpdateRequest/jQuery/index.js b/apps/demos/Demos/DataGrid/BatchUpdateRequest/jQuery/index.js index 3ef365b12f19..d5828036fc6c 100644 --- a/apps/demos/Demos/DataGrid/BatchUpdateRequest/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/BatchUpdateRequest/jQuery/index.js @@ -9,6 +9,9 @@ $(() => { ajaxOptions.xhrFields = { withCredentials: true }; }, }), + pager: { + visible: true, + }, showBorders: true, editing: { mode: 'batch', diff --git a/apps/demos/Demos/DataGrid/CellCustomization/jQuery/index.js b/apps/demos/Demos/DataGrid/CellCustomization/jQuery/index.js index 358999902f1d..897db61bdfe4 100644 --- a/apps/demos/Demos/DataGrid/CellCustomization/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/CellCustomization/jQuery/index.js @@ -11,6 +11,9 @@ $(() => { paging: { pageSize: 10, }, + pager: { + visible: true, + }, onCellPrepared(options) { const fieldData = options.value; let fieldHtml = ''; diff --git a/apps/demos/Demos/DataGrid/ColumnsBasedOnADataSource/jQuery/index.js b/apps/demos/Demos/DataGrid/ColumnsBasedOnADataSource/jQuery/index.js index 45747ffa1b98..4ac8d2257371 100644 --- a/apps/demos/Demos/DataGrid/ColumnsBasedOnADataSource/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/ColumnsBasedOnADataSource/jQuery/index.js @@ -3,5 +3,8 @@ $(() => { dataSource: orders, keyExpr: 'OrderNumber', showBorders: true, + pager: { + visible: true, + } }); }); diff --git a/apps/demos/Demos/DataGrid/CustomDataSource/jQuery/index.js b/apps/demos/Demos/DataGrid/CustomDataSource/jQuery/index.js index fea28da9fede..d75c7856d104 100644 --- a/apps/demos/Demos/DataGrid/CustomDataSource/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/CustomDataSource/jQuery/index.js @@ -47,6 +47,7 @@ $(() => { pageSize: 12, }, pager: { + visible: true, showPageSizeSelector: true, allowedPageSizes: [8, 12, 20], }, diff --git a/apps/demos/Demos/DataGrid/CustomEditors/jQuery/index.js b/apps/demos/Demos/DataGrid/CustomEditors/jQuery/index.js index 0341be6c7c11..c0f7b4b82553 100644 --- a/apps/demos/Demos/DataGrid/CustomEditors/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/CustomEditors/jQuery/index.js @@ -14,6 +14,9 @@ $(() => { enabled: true, pageSize: 15, }, + pager:{ + visible: true, + }, headerFilter: { visible: true, }, diff --git a/apps/demos/Demos/DataGrid/CustomNewRecordPosition/jQuery/index.js b/apps/demos/Demos/DataGrid/CustomNewRecordPosition/jQuery/index.js index 2a3219f2f202..1fd904f941ac 100644 --- a/apps/demos/Demos/DataGrid/CustomNewRecordPosition/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/CustomNewRecordPosition/jQuery/index.js @@ -15,6 +15,9 @@ $(() => { useIcons: true, newRowPosition: 'viewportTop', }, + pager: { + visible: true, + }, remoteOperations: true, columns: [ { diff --git a/apps/demos/Demos/DataGrid/DeferredSelection/jQuery/index.js b/apps/demos/Demos/DataGrid/DeferredSelection/jQuery/index.js index 431cf6353bd1..c25732045e21 100644 --- a/apps/demos/Demos/DataGrid/DeferredSelection/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/DeferredSelection/jQuery/index.js @@ -20,6 +20,9 @@ $(() => { 'ResponsibleEmployee/Employee_Full_Name', ], }, + pager: { + visible: true, + }, selection: { mode: 'multiple', deferred: true, diff --git a/apps/demos/Demos/DataGrid/EditStateManagement/jQuery/index.js b/apps/demos/Demos/DataGrid/EditStateManagement/jQuery/index.js index 3079792c33b9..118a9b47dec2 100644 --- a/apps/demos/Demos/DataGrid/EditStateManagement/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/EditStateManagement/jQuery/index.js @@ -25,6 +25,9 @@ $(() => { allowUpdating: true, allowDeleting: true, }, + pager: { + visible: true, + }, repaintChangesOnly: true, onOptionChanged(e) { if (e.name === 'editing') { diff --git a/apps/demos/Demos/DataGrid/Filtering/jQuery/index.js b/apps/demos/Demos/DataGrid/Filtering/jQuery/index.js index d0a0533ff836..8f002bb2a9a0 100644 --- a/apps/demos/Demos/DataGrid/Filtering/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/Filtering/jQuery/index.js @@ -16,6 +16,9 @@ $(() => { headerFilter: { visible: true, }, + pager: { + visible: true, + }, columns: [{ dataField: 'OrderNumber', caption: 'Invoice Number', diff --git a/apps/demos/Demos/DataGrid/FilteringAPI/jQuery/index.js b/apps/demos/Demos/DataGrid/FilteringAPI/jQuery/index.js index f21a1b547a79..f8941ee1dcee 100644 --- a/apps/demos/Demos/DataGrid/FilteringAPI/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/FilteringAPI/jQuery/index.js @@ -27,6 +27,9 @@ $(() => { 'ResponsibleEmployee/Employee_Full_Name', ], }, + pager: { + visible: true, + }, columnAutoWidth: true, showBorders: true, columns: [ diff --git a/apps/demos/Demos/DataGrid/FocusedRow/jQuery/index.js b/apps/demos/Demos/DataGrid/FocusedRow/jQuery/index.js index a09a1e336bf7..9bd1bde9352d 100644 --- a/apps/demos/Demos/DataGrid/FocusedRow/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/FocusedRow/jQuery/index.js @@ -45,6 +45,9 @@ $(() => { paging: { pageSize: 10, }, + pager: { + visible: true, + }, onFocusedRowChanging(e) { const rowsCount = e.component.getVisibleRows().length; const pageCount = e.component.pageCount(); diff --git a/apps/demos/Demos/DataGrid/GridSummaries/jQuery/index.js b/apps/demos/Demos/DataGrid/GridSummaries/jQuery/index.js index c0d29384ad61..6d8018075edf 100644 --- a/apps/demos/Demos/DataGrid/GridSummaries/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/GridSummaries/jQuery/index.js @@ -6,6 +6,9 @@ $(() => { selection: { mode: 'single', }, + pager: { + visible: true, + }, columns: [{ dataField: 'OrderNumber', width: 130, diff --git a/apps/demos/Demos/DataGrid/GroupSummaries/jQuery/index.js b/apps/demos/Demos/DataGrid/GroupSummaries/jQuery/index.js index ee5830d20d73..8ca9d2ee397f 100644 --- a/apps/demos/Demos/DataGrid/GroupSummaries/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/GroupSummaries/jQuery/index.js @@ -6,6 +6,9 @@ $(() => { selection: { mode: 'single', }, + pager: { + visible: true, + }, columns: [{ dataField: 'OrderNumber', width: 130, diff --git a/apps/demos/Demos/DataGrid/KeyboardNavigation/jQuery/index.js b/apps/demos/Demos/DataGrid/KeyboardNavigation/jQuery/index.js index 086be9c417fb..472fa056b378 100644 --- a/apps/demos/Demos/DataGrid/KeyboardNavigation/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/KeyboardNavigation/jQuery/index.js @@ -19,6 +19,7 @@ $(() => { visible: true, }, pager: { + visible: true, allowedPageSizes: [5, 10], showPageSizeSelector: true, showNavigationButtons: true, diff --git a/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/jQuery/index.js b/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/jQuery/index.js index b8e293ba86a8..7c141d45fbe8 100644 --- a/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/jQuery/index.js @@ -9,6 +9,9 @@ $(() => { paging: { pageSize: 10, }, + pager: { + visible: true, + }, filterRow: { visible: true, }, diff --git a/apps/demos/Demos/DataGrid/Overview/jQuery/index.js b/apps/demos/Demos/DataGrid/Overview/jQuery/index.js index f248e707a8f4..a2d25f49c448 100644 --- a/apps/demos/Demos/DataGrid/Overview/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/Overview/jQuery/index.js @@ -17,6 +17,7 @@ $(() => { pageSize: 10, }, pager: { + visible: true, showPageSizeSelector: true, allowedPageSizes: [10, 25, 50, 100], }, diff --git a/apps/demos/Demos/DataGrid/PDFOverview/jQuery/index.js b/apps/demos/Demos/DataGrid/PDFOverview/jQuery/index.js index ea84c6920e68..2ae08ef1c3d5 100644 --- a/apps/demos/Demos/DataGrid/PDFOverview/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/PDFOverview/jQuery/index.js @@ -17,6 +17,9 @@ $(() => { paging: { pageSize: 10, }, + pager: { + visible: true, + }, columns: [ 'CompanyName', 'Phone', diff --git a/apps/demos/Demos/DataGrid/RecalculateWhileEditing/jQuery/index.js b/apps/demos/Demos/DataGrid/RecalculateWhileEditing/jQuery/index.js index ffc1daf11fff..50f02470e4e1 100644 --- a/apps/demos/Demos/DataGrid/RecalculateWhileEditing/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/RecalculateWhileEditing/jQuery/index.js @@ -10,6 +10,9 @@ $(() => { allowUpdating: true, allowDeleting: true, }, + pager: { + visible: true, + }, columns: [{ dataField: 'OrderNumber', width: 130, diff --git a/apps/demos/Demos/DataGrid/RecordGrouping/jQuery/index.js b/apps/demos/Demos/DataGrid/RecordGrouping/jQuery/index.js index d67de9b8a637..fad1dc6a6a50 100644 --- a/apps/demos/Demos/DataGrid/RecordGrouping/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/RecordGrouping/jQuery/index.js @@ -14,6 +14,9 @@ $(() => { paging: { pageSize: 10, }, + pager: { + visible: true, + }, groupPanel: { visible: true, }, diff --git a/apps/demos/Demos/DataGrid/RightToLeftSupport/jQuery/index.js b/apps/demos/Demos/DataGrid/RightToLeftSupport/jQuery/index.js index ce934f22b55f..365e5dd1fbe9 100644 --- a/apps/demos/Demos/DataGrid/RightToLeftSupport/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/RightToLeftSupport/jQuery/index.js @@ -61,6 +61,9 @@ $(() => { paging: { pageSize: 15, }, + pager: { + visible: true, + }, columns: englishColumns, }).dxDataGrid('instance'); diff --git a/apps/demos/Demos/DataGrid/StatePersistence/jQuery/index.js b/apps/demos/Demos/DataGrid/StatePersistence/jQuery/index.js index 2b89c188553d..c2ff6826aea9 100644 --- a/apps/demos/Demos/DataGrid/StatePersistence/jQuery/index.js +++ b/apps/demos/Demos/DataGrid/StatePersistence/jQuery/index.js @@ -21,6 +21,7 @@ $(() => { storageKey: 'storage', }, pager: { + visible: true, showPageSizeSelector: true, allowedPageSizes: [5, 10, 20], }, From d2116b2bde044a09a75d07e6301ac30b865acc71 Mon Sep 17 00:00:00 2001 From: dxArtemiusz Date: Mon, 29 Jul 2024 12:20:41 +0400 Subject: [PATCH 02/16] Angular Demos --- .../AdvancedMasterDetailView/Angular/app/app.component.html | 1 + .../BatchUpdateRequest/Angular/app/app.component.html | 2 +- .../DataGrid/CellCustomization/Angular/app/app.component.html | 3 ++- .../ColumnsBasedOnADataSource/Angular/app/app.component.html | 4 +++- .../DataGrid/CustomDataSource/Angular/app/app.component.html | 1 + .../DataGrid/CustomEditors/Angular/app/app.component.html | 1 + .../CustomNewRecordPosition/Angular/app/app.component.html | 1 + .../DataGrid/DeferredSelection/Angular/app/app.component.html | 1 + .../EditStateManagement/Angular/app/app.component.html | 1 + .../Demos/DataGrid/Filtering/Angular/app/app.component.html | 1 + .../DataGrid/FilteringAPI/Angular/app/app.component.html | 1 + .../Demos/DataGrid/FocusedRow/Angular/app/app.component.html | 1 + .../DataGrid/GridSummaries/Angular/app/app.component.html | 1 + .../DataGrid/GroupSummaries/Angular/app/app.component.html | 1 + .../KeyboardNavigation/Angular/app/app.component.html | 1 + .../Angular/app/app.component.html | 1 + .../Demos/DataGrid/Overview/Angular/app/app.component.html | 1 + .../Demos/DataGrid/PDFOverview/Angular/app/app.component.html | 1 + .../RecalculateWhileEditing/Angular/app/app.component.html | 1 + .../DataGrid/RecordGrouping/Angular/app/app.component.html | 1 + .../RightToLeftSupport/Angular/app/app.component.html | 1 + .../DataGrid/StatePersistence/Angular/app/app.component.html | 1 + 22 files changed, 25 insertions(+), 3 deletions(-) diff --git a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Angular/app/app.component.html b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Angular/app/app.component.html index 1ba99e52261e..1a8259bc4d84 100644 --- a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Angular/app/app.component.html +++ b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Angular/app/app.component.html @@ -5,6 +5,7 @@ [showBorders]="true" > + diff --git a/apps/demos/Demos/DataGrid/BatchUpdateRequest/Angular/app/app.component.html b/apps/demos/Demos/DataGrid/BatchUpdateRequest/Angular/app/app.component.html index bf6640e52fc2..df6aa57bdf91 100644 --- a/apps/demos/Demos/DataGrid/BatchUpdateRequest/Angular/app/app.component.html +++ b/apps/demos/Demos/DataGrid/BatchUpdateRequest/Angular/app/app.component.html @@ -12,7 +12,7 @@ [allowDeleting]="true" [allowUpdating]="true" > - + diff --git a/apps/demos/Demos/DataGrid/CellCustomization/Angular/app/app.component.html b/apps/demos/Demos/DataGrid/CellCustomization/Angular/app/app.component.html index 111a42275254..3a076c2dbddf 100644 --- a/apps/demos/Demos/DataGrid/CellCustomization/Angular/app/app.component.html +++ b/apps/demos/Demos/DataGrid/CellCustomization/Angular/app/app.component.html @@ -8,7 +8,8 @@ > - + + diff --git a/apps/demos/Demos/DataGrid/ColumnsBasedOnADataSource/Angular/app/app.component.html b/apps/demos/Demos/DataGrid/ColumnsBasedOnADataSource/Angular/app/app.component.html index 6d0b811373e3..3bc36fa5fc40 100644 --- a/apps/demos/Demos/DataGrid/ColumnsBasedOnADataSource/Angular/app/app.component.html +++ b/apps/demos/Demos/DataGrid/ColumnsBasedOnADataSource/Angular/app/app.component.html @@ -3,4 +3,6 @@ [dataSource]="orders" keyExpr="OrderNumber" [showBorders]="true" -> +> + + diff --git a/apps/demos/Demos/DataGrid/CustomDataSource/Angular/app/app.component.html b/apps/demos/Demos/DataGrid/CustomDataSource/Angular/app/app.component.html index 3cb11a98d84c..2b5ef4da8461 100644 --- a/apps/demos/Demos/DataGrid/CustomDataSource/Angular/app/app.component.html +++ b/apps/demos/Demos/DataGrid/CustomDataSource/Angular/app/app.component.html @@ -13,6 +13,7 @@ diff --git a/apps/demos/Demos/DataGrid/CustomEditors/Angular/app/app.component.html b/apps/demos/Demos/DataGrid/CustomEditors/Angular/app/app.component.html index 02e82892f754..62cbee9eb408 100644 --- a/apps/demos/Demos/DataGrid/CustomEditors/Angular/app/app.component.html +++ b/apps/demos/Demos/DataGrid/CustomEditors/Angular/app/app.component.html @@ -5,6 +5,7 @@ (onRowInserted)="$event.component.navigateToRow($event.key)" > + diff --git a/apps/demos/Demos/DataGrid/CustomNewRecordPosition/Angular/app/app.component.html b/apps/demos/Demos/DataGrid/CustomNewRecordPosition/Angular/app/app.component.html index 3d8ff1da2b52..3164106976d2 100644 --- a/apps/demos/Demos/DataGrid/CustomNewRecordPosition/Angular/app/app.component.html +++ b/apps/demos/Demos/DataGrid/CustomNewRecordPosition/Angular/app/app.component.html @@ -18,6 +18,7 @@ [changes]="changes" [(editRowKey)]="editRowKey" > + diff --git a/apps/demos/Demos/DataGrid/DeferredSelection/Angular/app/app.component.html b/apps/demos/Demos/DataGrid/DeferredSelection/Angular/app/app.component.html index b3b74913e0c3..a384313b651e 100644 --- a/apps/demos/Demos/DataGrid/DeferredSelection/Angular/app/app.component.html +++ b/apps/demos/Demos/DataGrid/DeferredSelection/Angular/app/app.component.html @@ -6,6 +6,7 @@ > + + diff --git a/apps/demos/Demos/DataGrid/Filtering/Angular/app/app.component.html b/apps/demos/Demos/DataGrid/Filtering/Angular/app/app.component.html index 66d1cb27c49d..74dd478ecdaa 100644 --- a/apps/demos/Demos/DataGrid/Filtering/Angular/app/app.component.html +++ b/apps/demos/Demos/DataGrid/Filtering/Angular/app/app.component.html @@ -14,6 +14,7 @@ [width]="240" placeholder="Search..." > + diff --git a/apps/demos/Demos/DataGrid/FilteringAPI/Angular/app/app.component.html b/apps/demos/Demos/DataGrid/FilteringAPI/Angular/app/app.component.html index 95a9b589c870..e3829ae1d80e 100644 --- a/apps/demos/Demos/DataGrid/FilteringAPI/Angular/app/app.component.html +++ b/apps/demos/Demos/DataGrid/FilteringAPI/Angular/app/app.component.html @@ -18,6 +18,7 @@ [dataSource]="tasks" [showBorders]="true" > + +
diff --git a/apps/demos/Demos/DataGrid/GridSummaries/Angular/app/app.component.html b/apps/demos/Demos/DataGrid/GridSummaries/Angular/app/app.component.html index 75263511850f..318710cd7c32 100644 --- a/apps/demos/Demos/DataGrid/GridSummaries/Angular/app/app.component.html +++ b/apps/demos/Demos/DataGrid/GridSummaries/Angular/app/app.component.html @@ -5,6 +5,7 @@ [showBorders]="true" > + + + diff --git a/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/app/app.component.html b/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/app/app.component.html index ac9feceab840..80af095f432a 100644 --- a/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/app/app.component.html +++ b/apps/demos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/app/app.component.html @@ -11,6 +11,7 @@ mode="multiple" > + diff --git a/apps/demos/Demos/DataGrid/PDFOverview/Angular/app/app.component.html b/apps/demos/Demos/DataGrid/PDFOverview/Angular/app/app.component.html index 3c0e91689eba..e3cb481c2004 100644 --- a/apps/demos/Demos/DataGrid/PDFOverview/Angular/app/app.component.html +++ b/apps/demos/Demos/DataGrid/PDFOverview/Angular/app/app.component.html @@ -13,6 +13,7 @@ + + + diff --git a/apps/demos/Demos/DataGrid/RightToLeftSupport/Angular/app/app.component.html b/apps/demos/Demos/DataGrid/RightToLeftSupport/Angular/app/app.component.html index 4555345749d4..c8792e079cce 100644 --- a/apps/demos/Demos/DataGrid/RightToLeftSupport/Angular/app/app.component.html +++ b/apps/demos/Demos/DataGrid/RightToLeftSupport/Angular/app/app.component.html @@ -6,6 +6,7 @@ [showBorders]="true" > + From 13f4ff8cb2afd47291bb1aae7c8569517b9a1c4c Mon Sep 17 00:00:00 2001 From: dxArtemiusz Date: Mon, 29 Jul 2024 14:59:56 +0400 Subject: [PATCH 03/16] Vue Demos --- .../Demos/DataGrid/AdvancedMasterDetailView/Vue/App.vue | 2 ++ apps/demos/Demos/DataGrid/BatchUpdateRequest/Vue/App.vue | 3 ++- apps/demos/Demos/DataGrid/CellCustomization/Vue/App.vue | 3 ++- .../Demos/DataGrid/ColumnsBasedOnADataSource/Vue/App.vue | 6 ++++-- apps/demos/Demos/DataGrid/CustomDataSource/Vue/App.vue | 1 + apps/demos/Demos/DataGrid/CustomEditors/Vue/App.vue | 2 ++ .../Demos/DataGrid/CustomNewRecordPosition/Vue/App.vue | 3 ++- apps/demos/Demos/DataGrid/DeferredSelection/Vue/App.vue | 3 ++- apps/demos/Demos/DataGrid/EditStateManagement/Vue/App.vue | 3 ++- apps/demos/Demos/DataGrid/Filtering/Vue/App.vue | 2 ++ apps/demos/Demos/DataGrid/FilteringAPI/Vue/App.vue | 2 ++ apps/demos/Demos/DataGrid/FocusedRow/Vue/App.vue | 3 ++- apps/demos/Demos/DataGrid/GridSummaries/Vue/App.vue | 2 ++ apps/demos/Demos/DataGrid/GroupSummaries/Vue/App.vue | 2 ++ apps/demos/Demos/DataGrid/KeyboardNavigation/Vue/App.vue | 1 + .../Demos/DataGrid/MultipleRecordSelectionModes/Vue/App.vue | 2 ++ apps/demos/Demos/DataGrid/Overview/Vue/App.vue | 1 + apps/demos/Demos/DataGrid/PDFOverview/Vue/App.vue | 2 ++ .../Demos/DataGrid/RecalculateWhileEditing/Vue/App.vue | 2 ++ apps/demos/Demos/DataGrid/RecordGrouping/Vue/App.vue | 2 ++ apps/demos/Demos/DataGrid/RightToLeftSupport/Vue/App.vue | 2 ++ apps/demos/Demos/DataGrid/StatePersistence/Vue/App.vue | 1 + 22 files changed, 42 insertions(+), 8 deletions(-) diff --git a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Vue/App.vue b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Vue/App.vue index aab9149fd857..068c45556825 100644 --- a/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Vue/App.vue +++ b/apps/demos/Demos/DataGrid/AdvancedMasterDetailView/Vue/App.vue @@ -6,6 +6,7 @@ :show-borders="true" > + @@ -27,6 +28,7 @@ import { DxDataGrid, DxColumn, DxPaging, + DxPager, DxMasterDetail, } from 'devextreme-vue/data-grid'; diff --git a/apps/demos/Demos/DataGrid/BatchUpdateRequest/Vue/App.vue b/apps/demos/Demos/DataGrid/BatchUpdateRequest/Vue/App.vue index 8268b425bf0a..b00055af7a0c 100644 --- a/apps/demos/Demos/DataGrid/BatchUpdateRequest/Vue/App.vue +++ b/apps/demos/Demos/DataGrid/BatchUpdateRequest/Vue/App.vue @@ -13,6 +13,7 @@ :allow-deleting="true" :allow-updating="true" /> + diff --git a/apps/demos/Demos/DataGrid/CustomDataSource/Vue/App.vue b/apps/demos/Demos/DataGrid/CustomDataSource/Vue/App.vue index 35e5bd92f97a..1ec6cd5b4ebe 100644 --- a/apps/demos/Demos/DataGrid/CustomDataSource/Vue/App.vue +++ b/apps/demos/Demos/DataGrid/CustomDataSource/Vue/App.vue @@ -31,6 +31,7 @@ /> diff --git a/apps/demos/Demos/DataGrid/CustomEditors/Vue/App.vue b/apps/demos/Demos/DataGrid/CustomEditors/Vue/App.vue index 1b0eae180d44..947f3c1416ab 100644 --- a/apps/demos/Demos/DataGrid/CustomEditors/Vue/App.vue +++ b/apps/demos/Demos/DataGrid/CustomEditors/Vue/App.vue @@ -8,6 +8,7 @@ :enabled="true" :page-size="15" /> + + import { ref } from 'vue'; import DxDataGrid, { - DxColumn, DxEditing, DxValidationRule, DxButton, DxToolbar, DxItem, DxScrolling, DxDataGridTypes, + DxColumn, DxEditing, DxValidationRule, DxButton, DxToolbar, DxItem, DxScrolling, DxDataGridTypes, DxPager, } from 'devextreme-vue/data-grid'; import DxSelectBox from 'devextreme-vue/select-box'; import Guid from 'devextreme/core/guid'; diff --git a/apps/demos/Demos/DataGrid/DeferredSelection/Vue/App.vue b/apps/demos/Demos/DataGrid/DeferredSelection/Vue/App.vue index e6e7c5b2ecbc..9280a91e43c6 100644 --- a/apps/demos/Demos/DataGrid/DeferredSelection/Vue/App.vue +++ b/apps/demos/Demos/DataGrid/DeferredSelection/Vue/App.vue @@ -11,6 +11,7 @@ :deferred="true" mode="multiple" /> + import { ref } from 'vue'; import { - DxDataGrid, DxColumn, DxFilterRow, DxSelection, DxDataGridTypes, + DxDataGrid, DxColumn, DxFilterRow, DxSelection, DxDataGridTypes, DxPager, } from 'devextreme-vue/data-grid'; import DxButton from 'devextreme-vue/button'; import { Options as DataSourceOptions } from 'devextreme/data/data_source'; diff --git a/apps/demos/Demos/DataGrid/EditStateManagement/Vue/App.vue b/apps/demos/Demos/DataGrid/EditStateManagement/Vue/App.vue index defe69893912..090e0ce0e246 100644 --- a/apps/demos/Demos/DataGrid/EditStateManagement/Vue/App.vue +++ b/apps/demos/Demos/DataGrid/EditStateManagement/Vue/App.vue @@ -20,6 +20,7 @@ v-model:changes="changes" v-model:edit-row-key="editRowKey" /> + + + +
@@ -80,7 +81,7 @@