refs #7136 pef: replace paginate by onPaginate

src/components/common/VnSelectFilter.vue

@@ -3,7 +3,7 @@ import { ref, toRefs, computed, watch } from 'vue';
 import { onMounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 import FetchData from 'src/components/FetchData.vue';
-const emit = defineEmits(['update:modelValue', 'update:options', 'Paginate']);
+const emit = defineEmits(['update:modelValue', 'update:options', 'onPaginate']);
 
 const $props = defineProps({
     modelValue: {
@@ -163,7 +163,7 @@ async function onScroll({ to, ref }) {
 
     console.log(lastIndex, to);
     if (optionIndex > 0 && to === lastIndex) {
-        loading.value === false && emit('Paginate');
+        loading.value === false && emit('onPaginate');
         loading.value = true;
     }
 }

src/pages/Customer/CustomerCreate.vue

@@ -39,6 +39,7 @@ function handleLocation(data, location) {
     data.provinceFk = provinceFk;
     data.countryFk = countryFk;
 }
+const businessTypesRef = ref();
 </script>
 
 <template>
@@ -48,8 +49,10 @@ function handleLocation(data, location) {
         url="Workers/search?departmentCodes"
     />
     <FetchData
+        ref="businessTypesRef"
         @on-fetch="(data) => (businessTypesOptions = data)"
         auto-load
+        limit="10"
         url="BusinessTypes"
     />
     <QPage>
@@ -84,6 +87,7 @@ function handleLocation(data, location) {
                             option-label="description"
                             option-value="code"
                             v-model="data.businessTypeFk"
+                            @on-paginate="(data) => businessTypesRef.paginate()"
                         />
                     </div>
                     <div class="col">