¿Cómo utiliza Axure repetidores para crear un prototipo de una consulta simulada?

La consulta de datos también es muy común en la vida y el trabajo, entonces, ¿cómo lograr ese efecto de consulta en el diseño del prototipo Axure? Permítanos enseñarle cómo hacerlo con el tutorial "¿Cómo utiliza Axure repetidores para crear prototipos de consultas simuladas?" Para aquellos que se están preparando para estudiar por su cuenta o que actualmente están estudiando Axure por su cuenta, les recomiendo que tomen el videocurso de autoaprendizaje de Axure, desde los conceptos básicos 0 hasta la práctica de casos, y aprendan de manera integral ~

Axure utiliza un repetidor para crear un prototipo de consulta simulada:

La primera es la representación final:

1. Tome la consulta por división administrativa como ejemplo1. Prepare la información primero 2. Marco de interfaz de dibujo Nota 1: si la lista desplegable de la región no desea mostrar el código de división administrativa a continuación, puede usar duplicados ocultos como elementos de la lista desplegable, que se omiten aquí;

Nota 2: El uso de funciones de Axure es muy limitado, por lo que se toma prestado un cuadro oculto "Valor de lista de regiones", cuyo valor inicial es "33". Cuando el valor del elemento seleccionado en el cuadro desplegable del área cambia, el valor del área se utilizará como los últimos 6 dígitos y la expresión es: [[lvdq. substr (lvdq. (' _') 1, 6 index.

El propósito de este diseño es simplificar el procesamiento lógico en la función de consulta (principalmente ventilación Axure, la función indexOf no puede poner directamente la fórmula anterior Entra).

3. Función: La condición de filtro para agregar un filtro a la lista de datos duplicados es: [[(item.sjxzjb = = lvjb | item.sjxzjb = 'Provincial' ||item. sjxzjb = 'nivel de prefectura'); ampItem.sjqhdm.indexOf(LVDQ)>-1]], el propósito es mostrar las provincias elegidas y los niveles de prefectura, si se usa "LVJB" para determinar si se muestra el nivel de condado, y al mismo tiempo, filtre a través de la función indexOf posterior y lleve todo al mismo nivel (vea la animación de demostración final si no lo cree)

4. filas de datos por página

Por supuesto, también se necesita el repetidor predeterminado. Active la paginación como "varias páginas", cada elemento de página es "10" y la página de inicio es "1". p>

(2) Navegación de paginación: Página de inicio

Cambiar la página del repetidor. El valor de la página actual se establece en "1".

(3)Navegación de paginación: Anterior. página

Establece la página repetida en la página anterior

(4) )Navegación de página: página siguiente

Establece la página repetida como la página siguiente <. /p>

(5)Navegación de paginación: la última página

Establecer que la página repetida sea la última página.

(6) Navegación de paginación: modifique manualmente la página especificada.

Después de la modificación manual, el repetidor se modifica actualmente al valor modificado. Simplemente haga un juicio aquí. Es válido dentro del rango de 1 ~ el número total de páginas; de lo contrario, aparecerá un recordatorio de alerta. Si desea utilizar el script javascript en Axure, puede usar la página actual para abrir el enlace: { alert((' Barabara '); }

(7) Escriba el número total de páginas. y el número de página actual del repetidor en la columna de paginación

Establezca el número de página total [[Item.Repetidor.pageCount]] y el número de página actual [[Item.

5. La animación final trata sobre "¿Cómo crear un prototipo de una consulta simulada usando el repetidor?". He compartido todo el contenido maravilloso, espero que lo disfrutes. ¡Obtén algo! no es lo suficientemente satisfactorio, no te pierdas los artículos relacionados con Axure. En resumen, es difícil lograr un autodesarrollo integral con una sola ruta de aprendizaje. Si quieres dominar por completo una habilidad, ¡debes aprenderla de manera integral! , aprenda Axure de manera integral, adquiera todos los puntos de conocimiento y promueva de manera rápida y efectiva el diseño de prototipos independientes ~