@xuda.io/runtime-bundle 1.0.686 → 1.0.688

package/js/xuda-runtime-slim.js

@@ -11843,29 +11843,45 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
     const _session = SESSION_OBJ[SESSION_ID];
     const _ds = _session.DS_GLB[fields_changed_datasource];
     const prog_doc = await func.utils.DOCS_OBJ.get(SESSION_ID, _ds.prog_id);
-    // const progDataSource_str = JSON.stringify(prog_doc.progDataSource);
+
     validate_change(prog_doc);
     if (found) {
       const $elm = $('#container_5b1_cmp_3700419d8179_0');
+      const elm_data = $elm.data();
       const $wrapper = $elm.parent();
       const wrapper_data = $wrapper.data();
       const refreshed_ds = _ds.dsSession;
-      $wrapper.empty();
+
+      let elm_to_delete = [];
+      const ts = Date.now();
+      $.each($elm.find('*'), function (key, val) {
+        let new_id = $(val).attr('xu-ui-id') + ts;
+        elm_to_delete.push(new_id);
+
+        $(val).attr('xu-ui-id', new_id).removeData();
+      });
+
+      // $elm.empty();
       const new_$div = await func.UI.screen.render_ui_tree(
         SESSION_ID,
-        $wrapper, // the wrapper
+        $elm, // the wrapper
         _.cloneDeep($elm.data().xuData.node), // the xu-panel node
         {},
-        wrapper_data.xuData.paramsP, // the wrapper params
+        elm_data.xuData.paramsP, // the wrapper params
         null,
         null,
-        $elm.data().xuData.key, // the wrapper key
+        elm_data.xuData.key, // the wrapper key
         refreshed_ds, // the refreshed_ds
-        wrapper_data.xuData.parent_node, // the wrapper parent node
+        elm_data.xuData.parent_node, // the wrapper parent node
         null,
-        wrapper_data.xuData.$root_container, // the wrapper root container
+        elm_data.xuData.$root_container, // the wrapper root container
       );
 
+      // remove old screen content
+      $.each(elm_to_delete, async function (key, val) {
+        $("[xu-ui-id='" + elm_to_delete + "']").remove();
+      });
+
       return;
     }
   }

package/js/xuda-runtime-slim.min.es.js

@@ -9565,29 +9565,45 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
     const _session = SESSION_OBJ[SESSION_ID];
     const _ds = _session.DS_GLB[fields_changed_datasource];
     const prog_doc = await func.utils.DOCS_OBJ.get(SESSION_ID, _ds.prog_id);
-    // const progDataSource_str = JSON.stringify(prog_doc.progDataSource);
+
     validate_change(prog_doc);
     if (found) {
       const $elm = $('#container_5b1_cmp_3700419d8179_0');
+      const elm_data = $elm.data();
       const $wrapper = $elm.parent();
       const wrapper_data = $wrapper.data();
       const refreshed_ds = _ds.dsSession;
-      $wrapper.empty();
+
+      let elm_to_delete = [];
+      const ts = Date.now();
+      $.each($elm.find('*'), function (key, val) {
+        let new_id = $(val).attr('xu-ui-id') + ts;
+        elm_to_delete.push(new_id);
+
+        $(val).attr('xu-ui-id', new_id).removeData();
+      });
+
+      // $elm.empty();
       const new_$div = await func.UI.screen.render_ui_tree(
         SESSION_ID,
-        $wrapper, // the wrapper
+        $elm, // the wrapper
         _.cloneDeep($elm.data().xuData.node), // the xu-panel node
         {},
-        wrapper_data.xuData.paramsP, // the wrapper params
+        elm_data.xuData.paramsP, // the wrapper params
         null,
         null,
-        $elm.data().xuData.key, // the wrapper key
+        elm_data.xuData.key, // the wrapper key
         refreshed_ds, // the refreshed_ds
-        wrapper_data.xuData.parent_node, // the wrapper parent node
+        elm_data.xuData.parent_node, // the wrapper parent node
         null,
-        wrapper_data.xuData.$root_container, // the wrapper root container
+        elm_data.xuData.$root_container, // the wrapper root container
       );
 
+      // remove old screen content
+      $.each(elm_to_delete, async function (key, val) {
+        $("[xu-ui-id='" + elm_to_delete + "']").remove();
+      });
+
       return;
     }
   }