Paginación

Si hay muchos envíos, productos o paquetes en una pantalla concreta, pueden distribuirse entre varias páginas. Por lo tanto, un empleado de tienda debe poder navegar a la página que contiene la información necesaria utilizando la característica de paginación.

Solución

Una barra de paginación indica el número de página actual. En la barra de paginación, el empleado de tienda puede pasar a la página siguiente o anterior y seleccionar el número de registros que se van a visualizar en una sola página. Si el número de registros es menor que el tamaño de página, la barra de paginación no se visualiza. De forma predeterminada, la aplicación está configurada para visualizar cinco registros por página en la web.

Implementación

Los tamaños de página pueden configurarse específicamente para cada entidad. Las entidades son Shipment, Container, ShipmentLine, etc.

Puede configurar los tamaños de página en el archivo PaginationSize.json , que se encuentra en el directorio<INSTALL_DIR>/repository/eardata/wsc/war/wsc/common/pagination . Los tamaños de página pueden especificarse tal como se muestra en el siguiente fragmento de código de ejemplo:

{
	Entities: {	
		"Default":{
			"PageSize": 5,			
			"PageSizes": "5,10,20",
			"PageSizeMobile": 3,
			"PageSizesMobile": "3,5,10"
		
		},
		"Shipment": {
			"PageSize": 5,
			"PageSizes": "5,10,20",
			"PageSizeMobile": 3,			
			"PageSizesMobile": "3,5,10"
		},
		"Container": {
			"PageSize": 5,
			"PageSizes": "5,10,20",
			"PageSizeMobile": 3,			
			"PageSizesMobile": "3,5,10"
		},
		"ShipmentLine": {
			"PageSize": 5,
			"PageSizes": "5,10,20",
			"PageSizeMobile": 3,			
			"PageSizesMobile": "3,5,10"
		}
		"StoreBatchLine": {
			"PageSize": 10,
			"PageSizes": "10,16,20",
			"PageSizeMobile": 4,			
			"PageSizesMobile": "4,8,10"
		},
		"StoreBatch": {
			"PageSize": 10,
			"PageSizes": "10,16,20",
			"PageSizeMobile": 4,			
			"PageSizesMobile": "4,8,10"
		},
		"StoreBatchLocation": {
			"PageSize": 10,
			"PageSizes": "10,16,20",
			"PageSizeMobile": 4,			
			"PageSizesMobile": "4,8,10"
		}
	}
}

Los atributos en el fragmento de código son los siguientes:

PageSize y PageSizeMobile: representa el número de registros que se visualizan cuando se carga una página.
PageSizes y PageSizesMobile: representa los distintos tamaños de página que el empleado de tienda puede seleccionar.

Puede modificar las entradas de tamaño de página de acuerdo con la implementación. De forma parecida, puede incluir las entradas de tamaño de página para las entidades ampliadas. Si no establece el tamaño de página para una entidad, se tiene en cuenta la configuración predeterminada. Para obtener más información, consulte Personalización del tamaño de paginación.

Detalles específicos de dispositivo

La versión móvil de la aplicación se ha configurado para visualizar tres registros por página y el empleado de tienda puede ir a las páginas anterior y siguiente. El selector de tamaño de página puede implementarse con la ayuda de PaginationSize.json, que también permite la configuración del tamaño de página para móviles.

Impacto de usuario final

El empleado de tienda puede seleccionar el tamaño de página correcto para que sea más cómodo de ver.

Nota: El desplazamiento continuo está soportado para las pantallas de recogida por lotes. La lógica para determinar el número de registros que deben visualizarse en una página sigue siendo el mismo. Cuando el empleado de tienda trate de desplazarse, se cargará el siguiente conjunto de registros automáticamente, sin que sea necesario que pulse los enlaces Siguiente o Anterior. En las pantallas de recogida por lotes, el empleado de tienda no puede seleccionar el tamaño de página desde la interfaz de usuario. Se tienen en cuenta los tamaños de página configurados en el archivo PaginationSize.json. Si, por alguna razón, la barra de desplazamiento del navegador no aparece en una pantalla determinada, se mostrará un botón de flecha hacia abajo para ayudar a poder realizar el desplazamiento continuo.