AndriDiki/smartproc-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refresh datagrid each time popup re-open

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
src/views/drp/drp-penyusunan.vue
View File

@ -15,7 +15,7 @@
title="Upload Dokumen Pendukung" title="Upload Dokumen Pendukung"
> >
<template #content> <template #content>
<PopUpUploadDokumenPendukung :key="id" :drpId="selectedDrpId" :drpTahun="selectedDrpTahun"/> <PopUpUploadDokumenPendukung :drpId="selectedDrpId" :drpTahun="selectedDrpTahun"/>
</template> </template>
<DxToolbarItem <DxToolbarItem
widget="dxButton" 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 dataDrpDokumen = [];
let dataDrpDokumenPendukung = []; let dataDrpDokumenPendukung = [];
@ -300,8 +257,8 @@ export default {
this.fileNames = $event.value; this.fileNames = $event.value;
console.log("file", this.fileNames); console.log("file", this.fileNames);
}, },
onShowing(e, d) { onShowing() {
console.log(e, d) //
}, },
}, },
data() { data() {

5
src/views/drp/drp-upload-dokumen-popup/list-dokumen-pendukung.vue
View File

@ -65,7 +65,7 @@ import {
import PopupUploadDokumenPendukung from "@/views/drp/drp-upload-dokumen-popup/upload-dokumen-pendukung.vue"; import PopupUploadDokumenPendukung from "@/views/drp/drp-upload-dokumen-popup/upload-dokumen-pendukung.vue";
import DxPopup, {DxToolbarItem} from "devextreme-vue/popup"; import DxPopup, {DxToolbarItem} from "devextreme-vue/popup";
import DxButton from "devextreme-vue/button"; import DxButton from "devextreme-vue/button";
import {defineProps, ref} from "vue"; import {defineProps, ref, watch} from "vue";
import CustomStore from "devextreme/data/custom_store"; import CustomStore from "devextreme/data/custom_store";
const props = defineProps(['drpId', 'drpTahun']); const props = defineProps(['drpId', 'drpTahun']);
@ -180,6 +180,9 @@ const dataSource = new CustomStore({
}, },
}); });
watch(() => props.drpId, () => {
datagrid.value.instance.refresh();
})
</script> </script>
<style scoped> <style scoped>

5
src/views/drp/drp-upload-dokumen-popup/list-dokumen-rkap.vue
View File

@ -65,7 +65,7 @@ import {
import PopupUploadDokumenRkap from "@/views/drp/drp-upload-dokumen-popup/upload-dokumen-rkap.vue"; import PopupUploadDokumenRkap from "@/views/drp/drp-upload-dokumen-popup/upload-dokumen-rkap.vue";
import DxPopup, {DxToolbarItem} from "devextreme-vue/popup"; import DxPopup, {DxToolbarItem} from "devextreme-vue/popup";
import DxButton from "devextreme-vue/button"; import DxButton from "devextreme-vue/button";
import {defineProps, ref} from "vue"; import {defineProps, ref, watch} from "vue";
import CustomStore from "devextreme/data/custom_store"; import CustomStore from "devextreme/data/custom_store";
const props = defineProps(['drpId', 'drpTahun']); const props = defineProps(['drpId', 'drpTahun']);
@ -181,6 +181,9 @@ const dataSource = new CustomStore({
}, },
}); });
watch(() => props.drpId, () => {
datagrid.value.instance.refresh();
})
</script> </script>
<style scoped> <style scoped>