¿Cómo utiliza Axure repetidores para crear un prototipo de una consulta simulada?
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 ~