Index: vue/src/components/DevOps/JSTF/JSTFTemplate.vue
===================================================================
diff -u -r6b0a35c2d33314221f61b20359606486c4becd4c -r62eba476a001490ac43d03c2b969578308603cd2
--- vue/src/components/DevOps/JSTF/JSTFTemplate.vue	(.../JSTFTemplate.vue)	(revision 6b0a35c2d33314221f61b20359606486c4becd4c)
+++ vue/src/components/DevOps/JSTF/JSTFTemplate.vue	(.../JSTFTemplate.vue)	(revision 62eba476a001490ac43d03c2b969578308603cd2)
@@ -7,6 +7,7 @@
           :isMonitor="isMonitor"
           :columns="columns"
           :dataSrc="rows"
+          @reload="reload"
         />
       </div>
     </div>
@@ -24,6 +25,12 @@
 import JsDataTable from '@/components/DevOps/JSTF/JsDataTableBuild.vue';
 import JsTreeBuild from '@/components/DevOps/JSTF/JsTreeBuild.vue';
 
+import { useRouter } from 'vue-router';
+
+const router = useRouter();
+const reload = () => {
+  router.go(router.currentRoute);
+};
 const props = defineProps({
   DataUrlList: Object,
   columns: Array,
Index: vue/src/components/DevOps/JSTF/JsTreeBuild.vue
===================================================================
diff -u -r6b0a35c2d33314221f61b20359606486c4becd4c -r62eba476a001490ac43d03c2b969578308603cd2
--- vue/src/components/DevOps/JSTF/JsTreeBuild.vue	(.../JsTreeBuild.vue)	(revision 6b0a35c2d33314221f61b20359606486c4becd4c)
+++ vue/src/components/DevOps/JSTF/JsTreeBuild.vue	(.../JsTreeBuild.vue)	(revision 62eba476a001490ac43d03c2b969578308603cd2)
@@ -7,19 +7,16 @@
 import 'jquery/src/jquery.js';
 import 'jstree/dist/jstree.min.js';
 import 'jstree/dist/themes/default/style.min.css';
-import 'datatables.net-responsive/js/dataTables.responsive.min.js';
-import 'datatables.net-select';
 import { mapState } from 'vuex';
 
 export default {
   data() {
     return {
       treeData: [],
       selected: null,
-      change: false,
     };
   },
-
+  emits: ['reload'],
   props: {
     DataUrlList: Object,
     isMonitor: Boolean,
@@ -101,7 +98,7 @@
     jsTreeBuild(treeDataArray, isDevelopingToRoute, dataUrl, dataTableLoad) {
       $('#demo')
         .jstree({
-          plugins: ['dnd', 'search', 'types', 'contextmenu', 'checkbox', 'state'],
+          plugins: ['dnd', 'search', 'types', 'contextmenu', 'checkbox'],
           checkbox: {
             keep_selected_style: false,
             whole_node: false,
@@ -258,14 +255,14 @@
           return (this.selected = data.selected);
         });
 
-      this.jsTreeCreateNode(isDevelopingToRoute, dataUrl, dataTableLoad);
+      this.jsTreeCreateNode(isDevelopingToRoute, dataUrl);
       this.jsTreeDeleteNode(isDevelopingToRoute, dataUrl, dataTableLoad);
       this.jsTreeRenameNode(isDevelopingToRoute, dataUrl, dataTableLoad);
       this.jsTreeMoveNode(isDevelopingToRoute, dataUrl, dataTableLoad);
     },
 
     //jstree create_node
-    jsTreeCreateNode(isDevelopingToRoute, dataUrl, dataTableLoad) {
+    jsTreeCreateNode(isDevelopingToRoute, dataUrl) {
       $('#demo').on('create_node.jstree', function (e, data) {
         $.post(`${isDevelopingToRoute}${dataUrl.addNode}`, {
           ref: data.node.parent,
@@ -275,7 +272,6 @@
         })
           .done(function (d) {
             $('#demo').jstree(true).set_id(data.node, d.id);
-            dataTableLoad();
           })
           .fail(function () {
             $('#demo').jstree(true).refresh();
@@ -347,12 +343,8 @@
     }
 
     this.axios.get(`${this.isDevelopingToRoute}${dataUrl.getMonitor}`).then(response => {
-      const dataTableReload = () =>
-        this.$store.commit('dataTabelLoad', {
-          dataUrl: dataUrl.getMonitor,
-          dataSrc: this.dataSrc,
-          dataColumns: this.columns,
-        });
+      const dataTableReload = () => this.$emit('reload');
+
       const data = response.data;
       this.makeTreeData(data);
       this.jsTreeSearch();