From 8636b1ee6d6882b5a08a87081603310652c85114 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 2 Feb 2021 17:40:49 +0300
Subject: [PATCH] Add delay

---
 src/views/datatable/DataTableLazyDemo.vue | 37 +++++++++++++----------
 1 file changed, 21 insertions(+), 16 deletions(-)

diff --git a/src/views/datatable/DataTableLazyDemo.vue b/src/views/datatable/DataTableLazyDemo.vue
index 6b618a903..5d745f6a5 100755
--- a/src/views/datatable/DataTableLazyDemo.vue
+++ b/src/views/datatable/DataTableLazyDemo.vue
@@ -46,7 +46,6 @@
                     </div>
 <pre v-code>
 <code><template v-pre>
-&lt;DataTable :value="customers" :lazy="true" :paginator="true" :rows="10" :filters="filters" ref="dt"
 &lt;DataTable :value="customers" :lazy="true" :paginator="true" :rows="10" :filters="filters" ref="dt"
     :totalRecords="totalRecords" :loading="loading" @page="onPage($event)" @sort="onSort($event)"&gt;
     &lt;Column field="name" header="Name" filterMatchMode="startsWith" ref="name" :sortable="true"&gt;  
@@ -119,11 +118,13 @@ export default {
         loadLazyData() {
             this.loading = true;
 
-            this.customerService.getCustomers({lazyEvent: JSON.stringify( this.lazyParams )}).then(data => {
-                this.customers = data.customers;
-                this.totalRecords = data.totalRecords;
-                this.loading = false;
-            });
+            setTimeout(() => {
+                this.customerService.getCustomers({lazyEvent: JSON.stringify( this.lazyParams )}).then(data => {
+                    this.customers = data.customers;
+                    this.totalRecords = data.totalRecords;
+                    this.loading = false;
+                });
+            }, Math.random() * 1000 + 250);
         },
         onPage(event) {
             this.lazyParams = event;
@@ -252,11 +253,13 @@ export default {
         loadLazyData() {
             this.loading = true;
 
-            this.customerService.getCustomers({lazyEvent: JSON.stringify( this.lazyParams )}).then(data => {
-                this.customers = data.customers;
-                this.totalRecords = data.totalRecords;
-                this.loading = false;
-            });
+            setTimeout(() => {
+                this.customerService.getCustomers({lazyEvent: JSON.stringify( this.lazyParams )}).then(data => {
+                    this.customers = data.customers;
+                    this.totalRecords = data.totalRecords;
+                    this.loading = false;
+                });
+            }, Math.random() * 1000 + 250);
         },
         onPage(event) {
             this.lazyParams = event;
@@ -298,11 +301,13 @@ export default {
         loadLazyData() {
             this.loading = true;
 
-            this.customerService.getCustomers({lazyEvent: JSON.stringify( this.lazyParams )}).then(data => {
-                this.customers = data.customers;
-                this.totalRecords = data.totalRecords;
-                this.loading = false;
-            });
+            setTimeout(() => {
+                this.customerService.getCustomers({lazyEvent: JSON.stringify( this.lazyParams )}).then(data => {
+                    this.customers = data.customers;
+                    this.totalRecords = data.totalRecords;
+                    this.loading = false;
+                });
+            }, Math.random() * 1000 + 250);
         },
         onPage(event) {
             this.lazyParams = event;