refs #6694 VnLocation #154
|
@ -1,5 +1,5 @@
|
|||
<script setup>
|
||||
import { ref, toRefs, computed, watch } from 'vue';
|
||||
import { ref, toRefs, computed, watch, onMounted } from 'vue';
|
||||
import CreateNewPostcode from 'src/components/CreateNewPostcodeForm.vue';
|
||||
import VnSelectCreate from 'components/common/VnSelectCreate.vue';
|
||||
import FetchData from 'components/FetchData.vue';
|
||||
|
@ -67,16 +67,19 @@ function showLabel(data) {
|
|||
return `${data.code} - ${data.town}(${data.province}), ${data.country}`;
|
||||
}
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
locationFilter()
|
||||
})
|
||||
function locationFilter(search) {
|
||||
let where = { limit: 30 };
|
||||
const params = { search };
|
||||
postcodesRef.value.fetch({ where, args: params });
|
||||
let where = { search };
|
||||
jsegarra marked this conversation as resolved
Outdated
|
||||
postcodesRef.value.fetch({ where, limit: 30});
|
||||
}
|
||||
function handleFetch( data) {
|
||||
postcodesOptions.value = data;
|
||||
}
|
||||
async function onPostcodeCreated(){
|
||||
postcodesRef.value.fetch();
|
||||
locationFilter()
|
||||
jsegarra marked this conversation as resolved
Outdated
alexm
commented
De esta manera te estas descargando toda la tabla
Por eso decia que no veia la funcion de filtrado. Yo no haría el filtrado en el front dado que te obliga a descargar todos los registros. Y en este caso lo veo inviable. (añadir limits tambien) De esta manera te estas descargando toda la tabla
- La tabla town tiene 71.691 registros.
- La tabla postCode 271.259 registros.
- ...
Por eso decia que no veia la funcion de filtrado. Yo no haría el filtrado en el front dado que te obliga a descargar todos los registros. Y en este caso lo veo inviable. (añadir limits tambien)
jsegarra
commented
Tendré en cuenta estos datos para hacer unos cambios con respecto al código original. Tendré en cuenta estos datos para hacer unos cambios con respecto al código original.
Gracias por la aportación.
|
||||
};
|
||||
</script>
|
||||
jsegarra marked this conversation as resolved
Outdated
alexm
commented
Si solo se usa una vez, llamar directamente a locationFilter Si solo se usa una vez, llamar directamente a locationFilter
jsegarra
commented
Por mantener el formato en el uso de este componente. Por mantener el formato en el uso de este componente.
Pero se puede borrar.
|
||||
<template>
|
||||
|
@ -84,7 +87,6 @@ async function onPostcodeCreated(){
|
|||
ref="postcodesRef"
|
||||
jsegarra marked this conversation as resolved
Outdated
alexm
commented
Sin auto-load y hacer con codigo per con limit Sin auto-load y hacer con codigo per con **limit**
O con auto-load pero con limit
jsegarra
commented
El limit lo tienes definido en la línea 71, es correcto? El limit lo tienes definido en la línea 71, es correcto?
alexm
commented
Si y no. Eso sirve para las demás peticiones. Si y no. Eso sirve para las demás peticiones.
Pero no da más abrir la sección te carga toda la tabla (sin limit) al estar puesto el auto-load
(Lo he probado entrando en las ramas)
|
||||
url="Postcodes/filter"
|
||||
@on-fetch="(data) =>handleFetch(data)"
|
||||
auto-load
|
||||
/>
|
||||
<VnSelectCreate
|
||||
v-if="postcodesRef"
|
||||
|
|
No veo en que momento se hace el filtrado de datos a las tablas.