CGridTableRec + fields + page

pagine:
- Siti Web
- Operazioni
- Push...

src/views/admin/cfgServer/cfgServer.ts

@@ -15,33 +15,13 @@ interface IPageS {
 
 export default defineComponent({
   name: 'CfgServer',
-  props: {
-    loading: {
-      type: Boolean,
-      default: false,
-      required: true,
-    },
-    paginationControl: {
-      type: Object as PropType<IPageSrv>,
-      required: true,
-      /*default() {
-        return { page: 1, rowsPerPage: 20 }
-      },*/
-    },
-    pagination: {
-      type: Object as PropType<IPageS>,
-      required: true,
-      default() {
-        return { page: 1 }
-      },
-    },
-  },
-
   setup() {
     const $q = useQuasar()
     const { t } = useI18n()
     const globalStore = useGlobalStore()
 
+    const provaval = ref(1)
+
     const serverData = computed(() => globalStore.cfgServer.slice()) // [{ chiave: 'chiave1', valore: 'valore 1' }]
     const columns = ref([
       {
@@ -80,7 +60,7 @@ export default defineComponent({
     }
 
     function SaveValue(newVal: any, valinitial: any) {
-      // console.log('SaveValue', newVal, 'selected', this.selected)
+      console.log('SaveValue', newVal)
 
       const mydata: ICfgServer = {
         chiave: keysel.value,
@@ -99,6 +79,7 @@ export default defineComponent({
       serverData,
       columns,
       filter,
+      provaval,
     }
   },
 })

src/views/admin/cfgServer/cfgServer.vue

@@ -1,6 +1,6 @@
 <template>
   <q-table
-    :data="serverData"
+    :rows="serverData"
     :columns="columns"
     :filter="filter"
     title="Configurazione Server"
@@ -35,9 +35,15 @@
         <q-td key="valore" :props="props">
           {{ props.row.valore }}
           <q-popup-edit
-            v-model="props.row.valore" title="Aggiorna Valore" buttons @save="SaveValue"
+            v-model="props.row.valore"
+            title="Aggiorna Valore"
+            v-slot="scope"
+            buttons
+            @save="SaveValue"
             @show="selItem(props.row)">
-            <q-input v-model="props.row.valore"/>
+            <q-input
+              v-model="scope.value"
+              @keyup.enter="scope.set"/>
           </q-popup-edit>
         </q-td>
       </q-tr>