Refresh datagrid each time popup re-open
This commit is contained in:
parent
89577aa56e
commit
36c35f9d64
@ -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() {
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user