La representación de páginas parciales con iframes ocultos

La representación de páginas parciales con iframes ocultos

Contar palabras:
1432

Resumen:
La representación parcial de la página elimina la necesidad de que la página web completa que se actualiza como resultado de una devolución de datos. En su lugar, sólo las distintas regiones de la página que han cambiado se actualizan.


Palabras clave:
La representación de páginas parciales con iframes ocultos


Cuerpo del artículo:
La representación parcial de la página elimina la necesidad de que la página web completa que se actualiza como resultado de una devolución de datos. En su lugar, sólo las distintas regiones de la página que han cambiado se actualizan. Como resultado, los usuarios no ver toda la página a cargar con cada devolución de datos, lo que hace que la interacción del usuario con la página Web sea más fluida.

Los desarrolladores que quieren añadir comportamientos a sus páginas web a menudo se enfrentan con una decisión difícil. Todas estas acciones se pueden implementar utilizando una solución muy simple: mediante la actualización de la página entera en respuesta a la interacción del usuario. Sin embargo, esta solución es fácil, pero no siempre es deseable. La actualización de la página completa puede ser lenta, dando al usuario la impresión de que la aplicación no responde. Otra opción es la implementación de tales acciones utilizando JavaScript (u otras tecnologías de secuencias de comandos del lado del cliente). Esto da como resultado tiempos de respuesta más rápido, a expensas de los más complejos, menos código portátil. JavaScript puede ser una buena opción para las acciones simples, tales como la actualización de una imagen. Sin embargo, para las acciones más complicadas, como el desplazamiento a través de los datos en una tabla, escribir código JavaScript personalizado puede ser una tarea muy difícil.

Este documento proporciona una solución que evita los inconvenientes de la actualización de la página completa y soluciones personalizadas de JavaScript. En este trabajo funcionalidad parcial representación de la página ofrece la posibilidad de volver a hacer una parte limitada de una página. Al igual que en la solución de la página hacen completo, la representación de páginas parciales envía una solicitud de nuevo a la aplicación en el nivel medio en busca de los nuevos contenidos. Sin embargo, cuando la representación de páginas parciales se utiliza para actualizar la página, sólo el contenido modificado se envían de vuelta al navegador. En este trabajo se da la solución con un iframe oculto y simple JavaScript para combinar el contenido nuevo de vuelta a la página web. El resultado final es que la página se actualiza sin código JavaScript, y sin la pérdida de contexto que se produce normalmente con una actualización de la página completa.

Introducción:

páginas Web por lo general apoyan una variedad de acciones, como la introducción y presentación de los datos del formulario y la navegación a páginas diferentes. Muchas páginas web también apoyar a otro tipo de acción, que consiste en permitir al usuario realizar modificaciones en el contenido de la página web en sí sin tener que navegar a una página diferente. Algunos ejemplos de tales acciones incluyen. Al hacer clic en un enlace puede actualizar una imagen en la misma página. Por ejemplo, una aplicación de configuración del automóvil puede actualizar una imagen de un coche como el usuario elige opciones diferentes, tales como el color preferido. Al seleccionar un elemento de un cuadro de elección podría dar lugar a modificaciones en otros campos en la misma página. Por ejemplo, la selección de un coche que puede actualizar el conjunto de modelos de coches disponibles que se muestran.

Al hacer clic en un vínculo o seleccionar un elemento de una opción podría ser utilizado para desplazarse hasta una nueva página de datos en una tabla. Al hacer clic en un botón en una tabla puede agregar una nueva fila a la tabla.

Todas estas acciones son similares en que se traducen en la misma página que se re-renderizados en un estado un poco diferente. Lo ideal sería que estos cambios debe ser aplicado en la perfección de lo posible, para que el usuario no experimenta una pérdida de contexto que podría distraer la atención de la tarea en cuestión.

la representación de páginas parciales puede ser implementado con una solución muy simple utilizando un iframe oculto y un mínimo de JavaScript. Cualquier parte de la página puede ser parcialmente prestados con el uso de una etiqueta div o una tabla en HTML.

Elementos de página que pueden cambiar durante la peste de pequeños rumiantes:

• Re-procesamiento de datos: Los mismos campos se vuelven a dibujar, pero sus datos se actualiza. Los ejemplos incluyen el botón Actualizar datos de acción, o volver a calcular los totales en una tabla.
• Re-hacer que los campos dependientes: Los campos se pueden agregar, eliminar o secuencia de cambio, y los datos puede ser actualizada. Los ejemplos incluyen la lista de opciones de Campo, que puede mostrar los diferentes campos de direcciones, y alternar entre Simple y Búsqueda Avanzada.
• Ocultar / Mostrar Contenido: Los dos campos y los datos de alternar dentro y fuera de vista.

Elementos de página que no cambian durante PPR:

Algunos elementos de la página siempre se asocian a una página, independientemente del contenido que aparece en la página.

Como regla general, los elementos por encima del título de la página (con excepción de los cuadros de mensaje) se mantienen constantes y no cambian de posición, mientras que elementos de pie de página constante, pero puede desplazarse hacia arriba o hacia abajo la página para adaptarse a los cambios de contenido de la página. Los siguientes elementos no cambian cuando se inicia la peste de pequeños rumiantes:

• Branding
• Global botones
• aquí, de navegación horizontal, subpestañas
• Localizador de elementos: pan rallado, tren, Siguiente / Volver Localizador
• Enlaces rápidos
• Títulos de página (encabezado de primer nivel)
• Pie de página
• Separador de líneas entre el aquí y el título de la página

En la mayoría de los casos los siguientes elementos no cambian también, que no suba o baje la página para dar cabida a elementos cambiado. Sin embargo, en las acciones de algunos casos en la página podrá exigir que se vuelve a dibujar:

• lateral de navegación, a menos que contenga un Ocultar / Mostrar el control.
• Subfichas
• información contextual
• La acción a nivel de página / botones de navegación
• Página nivel de Instrucción
• Página nivel Page sellos
• Página nivel clave de notación

En todos los escenarios por encima de esta solución se puede utilizar para lograr el buen desempeño y la interacción del usuario de las páginas web.

Contextos en los que PPR no debe ser usado cuando:

Cuando la peste de pequeños rumiantes se lleva a cabo correctamente, se mejora significativamente el rendimiento de la aplicación. Cuando mejora el rendimiento no es posible con la peste de pequeños rumiantes, no deben aplicarse, evitando así la hinchazón de código innecesario, peste de pequeños rumiantes no se puede utilizar cuando se navega a otra página (con un título diferente).

Página de la representación parcial de soluciones:

Solución aportada a la representación parcial de página usando iframe simples ocultos y JavaScript, esto se puede utilizar como una solución generalizada para todos los escenarios de representación de páginas parciales. A continuación se muestra el HTML principal (cuadro 1.1), que contará con dos botones uno es para mostrar una tabla sencilla que serán generados por el servidor, y otro botón para quitar la mesa.

[