Refresh datagrid each time popup re-open

This commit is contained in:
Mulia Nasution 2023-06-06 05:11:18 +07:00
parent 89577aa56e
commit 36c35f9d64
3 changed files with 11 additions and 48 deletions

View File

@ -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() {

View File

@ -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>

View File

@ -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>