Lista Tabelle

src/components/CGridTableRec/CGridTableRec.ts

@@ -105,10 +105,10 @@ export default defineComponent({
     const newRecord: any = ref({})
     const savenewRec = ref(false)
 
-    const mytable = toRef(props, 'prop_mytable')
-    const mytitle = toRef(props, 'prop_mytitle')
-    const mycolumns = toRef(props, 'prop_mycolumns')
-    const colkey = toRef(props, 'prop_colkey')
+    const mytable = ref('')
+    const mytitle = ref('')
+    const mycolumns = ref([])
+    const colkey = ref('')
     const search = ref('')
 
     const tablesel = ref('')
@@ -186,6 +186,8 @@ export default defineComponent({
 
       params.codeId = mycodeid.value
 
+      console.log('params', params)
+
       params = { ...params, ...props.extraparams }
 
       const data = await globalStore.loadTable(params)
@@ -208,7 +210,6 @@ export default defineComponent({
     }
 
     function onRequest() {
-      // console.log('onRequest', 'myfilter = ', myfilter)
       const { page, rowsPerPage, rowsNumber, sortBy, descending } = mypagination.value
       const myfilternow = myfilter.value
       const myfilterandnow = myfilterand.value
@@ -218,6 +219,8 @@ export default defineComponent({
       if (!mytable.value)
         return
 
+      console.log('onRequest', 'myfilter = ', myfilter.value)
+
       loading.value = true
 
       spinner_visible.value = true
@@ -231,7 +234,7 @@ export default defineComponent({
       const startRow = (page - 1) * rowsPerPage
       const endRow = startRow + fetchCount
 
-      // console.log('startRow', startRow, 'endRow', endRow)
+      console.log('startRow', startRow, 'endRow', endRow)
 
       serverData.value = []
 
@@ -274,6 +277,7 @@ export default defineComponent({
 
 
     function refresh() {
+      console.log('refresh')
       serverData.value = []
 
       search.value = search.value.trim()
@@ -285,7 +289,7 @@ export default defineComponent({
       else
         myfilter.value = ''
 
-      // console.log('myfilter', myfilter)
+      console.log('myfilter', myfilter.value)
 
       refresh_table()
     }
@@ -435,7 +439,7 @@ export default defineComponent({
     async function createNewRecordDialog() {
 
       const mydata: any = {
-        table: mytable,
+        table: mytable.value,
         data: function () {
           return {}
         }
@@ -494,12 +498,20 @@ export default defineComponent({
       })
     }
 
+    function created() {
+      mytable.value = props.prop_mytable
+      mytitle.value = props.prop_mytitle
+      mycolumns.value = props.prop_mycolumns
+      colkey.value = props.prop_colkey
+
+    }
+
     function mounted() {
-      //console.log('GridTable mounted', tablesel)
+      console.log('GridTable mounted', tablesel.value)
 
       if (!!props.tablesList) {
         canEdit.value = tools.getCookie(tools.CAN_EDIT, canEdit) === 'true'
-        tablesel.value = tools.getCookie('tablesel', tablesel)
+        tablesel.value = tools.getCookie('tablesel', tablesel.value)
       }
       myfilterand.value = props.filterdef
       // console.log('tablesel', tablesel)
@@ -511,7 +523,7 @@ export default defineComponent({
           tablesel.value = mytable.value
       }
 
-      // console.log('2) tablesel', tablesel)
+      console.log('2) tablesel', tablesel.value)
 
       changeTable(false)
 
@@ -557,16 +569,17 @@ export default defineComponent({
     }
 
     function changeTable(mysel: any) {
+      // console.log('changeTable')
       if (tablesel.value === undefined || tablesel.value === '')
         return
 
-      // console.log('changeTable mysel=', mysel, 'tablesel', tablesel)
+      // console.log('changeTable mysel=', mysel, 'tablesel', tablesel.value)
       // console.log('tablesList=')
       // console.table(tablesList)
 
       let mytab = null
       if (props.tablesList) {
-        mytab = props.tablesList.find((rec: any) => rec.value === tablesel.value)
+        mytab = props.tablesList.find((rec: any) => rec.value === mysel)
       }
 
       if (mytab === undefined) {
@@ -581,8 +594,10 @@ export default defineComponent({
       if (mytab) {
         mytitle.value = mytab.label
         colkey.value = mytab.colkey
-        // @ts-ignore
-        mycolumns.value = [...mytab.columns]
+        if (mytab.columns) {
+          // @ts-ignore
+          mycolumns.value = [...mytab.columns]
+        }
       }
 
       // console.log('mycolumns')
@@ -715,7 +730,10 @@ export default defineComponent({
       return props.labelBtnAddRow !== addRow.value
     }
 
-    onMounted(mounted)
+    // onMounted(mounted)
+
+    created()
+    mounted()
 
 
     return {
@@ -766,6 +784,8 @@ export default defineComponent({
       lists,
       refresh,
       spinner_visible,
+      tablesel,
+      myfilterand,
     }
   }
 })

src/components/CGridTableRec/CGridTableRec.vue

@@ -28,6 +28,7 @@
       selection="single"
       v-model:selected="selected">
 
+
       <template v-slot:header="props">
 
         <q-tr :props="props">
@@ -47,6 +48,7 @@
         </q-tr>
       </template>
 
+
       <template v-slot:top-right>
         <div class="q-table__title" style="min-width: 150px;">{{ mytitle }}</div>
 
@@ -89,21 +91,20 @@
           map-options
           :options="mycolumns"
           option-value="name"
-          º
-          @input="changeCol">
+          @update:model-value="changeCol">
 
         </q-select>
 
         <q-select
           v-if="tablesList"
-          v-model="tablesel"
+          :model-value="tablesel"
           rounded
           outlined
           dense
           :options="tablesList"
           :display-value="mytitle"
           emit-value
-          @input="changeTable"
+          @update:model-value="changeTable"
         >
         </q-select>
 
@@ -112,6 +113,7 @@
           <q-spinner-tail size="2em" color="primary"/>
         </q-inner-loading>
 
+
         <div class="row">
           <q-toggle
             v-for="(filter, index) of arrfilters"