fix: refs #8388 update CrudModel and VnTable to handle async reload and improve event handling

src/components/CrudModel.vue

@@ -11,10 +11,12 @@ import VnConfirm from 'components/ui/VnConfirm.vue';
 import SkeletonTable from 'components/ui/SkeletonTable.vue';
 import { tMobile } from 'src/composables/tMobile';
 import getDifferences from 'src/filters/getDifferences';
+import { useStateQueryStore } from 'src/stores/useStateQueryStore';
 
 const { push } = useRouter();
 const quasar = useQuasar();
 const stateStore = useStateStore();
+const stateQuery = useStateQueryStore();
 const { t } = useI18n();
 const { validate } = useValidator();
 const $attrs = useAttrs();
@@ -190,6 +192,8 @@ async function onSubmit() {
 
 async function onSubmitAndGo() {
     await onSubmit();
+    while (stateQuery.isLoading().value)
+        await new Promise((resolve) => setTimeout(resolve, 100));
     push({ path: $props.goTo });
 }
 

src/components/VnTable/VnTable.vue

@@ -335,10 +335,10 @@ function stopEventPropagation(event) {
     event.stopPropagation();
 }
 
-function reload(params) {
+async function reload(params) {
     selected.value = [];
     selectAll.value = false;
-    CrudModelRef.value.reload(params);
+    await CrudModelRef.value.reload(params);
 }
 
 function columnName(col) {
@@ -702,6 +702,7 @@ const handleHeaderSelection = (evt, data) => {
         :search-url="searchUrl"
         :disable-infinite-scroll="isTableMode"
         :before-save-fn="removeTextValue"
+        @save-changes="reload"
         :has-sub-toolbar="$props.hasSubToolbar ?? isEditable"
         :auto-load="hasParams || $attrs['auto-load']"
     >