From 36c35f9d64ae46588c2f072a05cbba3033fde91f Mon Sep 17 00:00:00 2001
From: Mulia Nasution <mul14@users.noreply.github.com>
Date: Tue, 6 Jun 2023 05:11:18 +0700
Subject: [PATCH] Refresh datagrid each time popup re-open

---
 src/views/drp/drp-penyusunan.vue              | 49 ++-----------------
 .../list-dokumen-pendukung.vue                |  5 +-
 .../list-dokumen-rkap.vue                     |  5 +-
 3 files changed, 11 insertions(+), 48 deletions(-)

diff --git a/src/views/drp/drp-penyusunan.vue b/src/views/drp/drp-penyusunan.vue
index 994956b..1fc8fc7 100644
--- a/src/views/drp/drp-penyusunan.vue
+++ b/src/views/drp/drp-penyusunan.vue
@@ -15,7 +15,7 @@
             title="Upload Dokumen Pendukung"
           >
             <template #content>
-              <PopUpUploadDokumenPendukung :key="id" :drpId="selectedDrpId" :drpTahun="selectedDrpTahun"/>
+              <PopUpUploadDokumenPendukung :drpId="selectedDrpId" :drpTahun="selectedDrpTahun"/>
             </template>
             <DxToolbarItem 
               widget="dxButton"
@@ -212,49 +212,6 @@ const dataSource = new CustomStore({
   },
 });
 
-// const dataDrpDokumen = new CustomStore({
-//   key: "id",
-//   load: (key) => {
-//     return fetch(URL + "/" + encodeURIComponent(key) + "?size=100")
-//       .then((response) => response.json())
-//       .then((response) => {
-//         console.log("res", response.dataDrpDokumen);
-//         console.log("key: ", key);
-//         return {
-//           data: response.dataDrpDokumen,
-//         };
-//       })
-//       .catch(() => {
-//         throw new Error("Terdapat kesalahan memuat data");
-//       });
-//   },
-
-//   insert: (values) => {
-//     return fetch(URL, {
-//       method: "POST",
-//       body: JSON.stringify(values),
-//       headers: {
-//         "Content-Type": "application/json",
-//       },
-//     });
-//   },
-
-//   update: (key, values) => {
-//     return fetch(URL + "/" + encodeURIComponent(key), {
-//       method: "PUT",
-//       body: JSON.stringify(values),
-//       headers: {
-//         "Content-Type": "applicatoin/json",
-//       },
-//     });
-//   },
-
-//   remove: (key) => {
-//     return fetch(URL + "/" + encodeURIComponent(key), {
-//       method: "DELETE",
-//     });
-//   },
-// });
 let dataDrpDokumen = [];
 let dataDrpDokumenPendukung = [];
 
@@ -300,8 +257,8 @@ export default {
       this.fileNames = $event.value;
       console.log("file", this.fileNames);
     },
-    onShowing(e, d) {
-      console.log(e, d)
+    onShowing() {
+      //
     },
   },
   data() {
diff --git a/src/views/drp/drp-upload-dokumen-popup/list-dokumen-pendukung.vue b/src/views/drp/drp-upload-dokumen-popup/list-dokumen-pendukung.vue
index f1e71a5..f954345 100644
--- a/src/views/drp/drp-upload-dokumen-popup/list-dokumen-pendukung.vue
+++ b/src/views/drp/drp-upload-dokumen-popup/list-dokumen-pendukung.vue
@@ -65,7 +65,7 @@ import {
 import PopupUploadDokumenPendukung from "@/views/drp/drp-upload-dokumen-popup/upload-dokumen-pendukung.vue";
 import DxPopup, {DxToolbarItem} from "devextreme-vue/popup";
 import DxButton from "devextreme-vue/button";
-import {defineProps, ref} from "vue";
+import {defineProps, ref, watch} from "vue";
 import CustomStore from "devextreme/data/custom_store";
 
 const props = defineProps(['drpId', 'drpTahun']);
@@ -180,6 +180,9 @@ const dataSource = new CustomStore({
   },
 });
 
+watch(() => props.drpId, () => {
+  datagrid.value.instance.refresh();
+})
 </script>
 
 <style scoped>
diff --git a/src/views/drp/drp-upload-dokumen-popup/list-dokumen-rkap.vue b/src/views/drp/drp-upload-dokumen-popup/list-dokumen-rkap.vue
index 31436d0..08eff46 100644
--- a/src/views/drp/drp-upload-dokumen-popup/list-dokumen-rkap.vue
+++ b/src/views/drp/drp-upload-dokumen-popup/list-dokumen-rkap.vue
@@ -65,7 +65,7 @@ import {
 import PopupUploadDokumenRkap from "@/views/drp/drp-upload-dokumen-popup/upload-dokumen-rkap.vue";
 import DxPopup, {DxToolbarItem} from "devextreme-vue/popup";
 import DxButton from "devextreme-vue/button";
-import {defineProps, ref} from "vue";
+import {defineProps, ref, watch} from "vue";
 import CustomStore from "devextreme/data/custom_store";
 
 const props = defineProps(['drpId', 'drpTahun']);
@@ -181,6 +181,9 @@ const dataSource = new CustomStore({
   },
 });
 
+watch(() => props.drpId, () => {
+  datagrid.value.instance.refresh();
+})
 </script>
 
 <style scoped>