Pantallas de cliente HTML para aplicaciones LightSwitch

Mediante Actualización 2 de Microsoft LightSwitch para Visual Studio, puede crear al cliente de HTML que se optimizan para la presentación en dispositivos móviles.Este tema presenta plantillas que puede utilizar para crear las pantallas que se basan en HTML5, las herramientas que puede utilizar para diseñar pantallas, y algunas de las tareas que puede realizar para el diseño de las mejores muestra para la aplicación de LightSwitch.

Para obtener un ejemplo de un cliente que usa las pantallas de HTML, vea Tutorial: Crear un cliente LightSwitch para usuarios móviles.

Clientes de HTML

Puede agregar uno o más clientes de HTML a una aplicación existente de LightSwitch, o puede crear una aplicación de Actualización 2 de Microsoft LightSwitch para Visual Studio que sólo contiene un cliente de HTML.Contienen a cada cliente HTML en su propio proyecto dentro de la solución de LightSwitch.

[!NOTA]

Cuando se agrega un proyecto Cliente de HTML HTML a una solución de LightSwitch, ha actualizado a Actualización 2 de Microsoft LightSwitch para Visual Studio.La estructura de archivos de la solución se modifica, y puede abrir no es la solución en un equipo que no tiene Actualización 2 de Microsoft LightSwitch para Visual Studio instalado.

Para obtener más información, vea Cómo: Crear o agregar un proyecto de cliente HTML.

Plantillas de pantalla

Para comenzar, cree una pantalla utilizando una de las siguientes plantillas de pantalla:

• Pantalla de exploración

• Pantalla de los detalles de la vista

• Agregue/pantalla detalles de edición

Para obtener más información sobre cómo elegir una plantilla de datos, consulte Elegir un tipo de pantalla para un cliente HTML de una aplicación LightSwitch.

Para obtener información sobre cómo buscar estas plantillas, consulte Cómo: Crear una pantalla de cliente HTML.

Diseñador de pantallas

Puede modificar el diseño de una pantalla mediante el diseñador de la pantalla.El diseñador de pantallas muestra elementos como campos de datos y comandos y el árbol de contenido de pantalla, que es una representación jerárquica de sus datos.Se pueden arrastrar los elementos al árbol de contenido de pantalla y organizarlos en el orden que se desee.

Para obtener más información sobre el diseñador de pantallas, consulte Paseo por el Diseñador de pantallas.

Para obtener más información sobre cómo realizar tareas concretas en el diseñador de la pantalla, vea Cómo: Diseñar una pantalla HTML usando el Diseñador de pantallas.

Tareas de diseño de pantalla

Para modificar el diseño de una pantalla, se pueden realizar las siguientes tareas:

• Modifique el aspecto de una pantalla

• Agregue campos y comandos a una pantalla

• Filtre los datos que aparecen en una pantalla

• Agregue datos a una pantalla

• Personalizar la navegación entre muestra

• Modifique una pantalla mediante código

Modifique el aspecto de una pantalla

Se puede modificar el aspecto de los datos que aparecen en una pantalla.Por ejemplo, puede configurar una colección de información para que aparezca como una lista plana o una lista en mosaico.Puede cambiar el orden en que los campos aparecen o agrupen campos juntos.

Para obtener más información, vea Cómo: Diseñar una pantalla HTML usando el Diseñador de pantallas.

Agregue campos y comandos a una pantalla

Muestra HTML en LightSwitch proporcionan los comandos integrados de modo que los usuarios puedan ver, actualizar, eliminar, o guardar datos.También se pueden agregar comandos y campos personalizados.

Agregue un comando personalizado si desea agregar la lógica de negocios en la pantalla.Por ejemplo, puede agregar un botón de modo que un usuario puede mostrar una lista de clientes basados en volumen de venta- orden.Para obtener más información, vea Cómo: Agregar una botón a un cliente móvil para LightSwitch.

Se pueden agregar los campos personalizados propiedades locales para recoger o mostrar información.Por ejemplo, se puede agregar un cuadro de texto situado junto al botón del volumen de ventas para que el usuario pueda especificar cuántos clientes se quiere que aparezcan en la lista.Para obtener más información, vea Cómo: Agregar una propiedad local a una pantalla HTML.

Agregue controles personalizados a una pantalla

Agregar controles personalizados a una presentación de HTML, puede mostrar u obtener información de maneras que van más allá de las capacidades de los controles integrados en LightSwitch.También puede utilizar un control personalizado para reemplazar cualquier control integrado de LightSwitch que aparece en la pantalla.Para obtener más información, vea Cómo: Agregar un control personalizado a una pantalla HTML para una aplicación LightSwitch.

Filtre los datos que aparecen en una pantalla

Se pueden filtrar los datos que aparecen en una pantalla modificando las condiciones de las consultas de pantalla.

Cada grupo de datos que aparece en el panel izquierdo del diseñador está basado en una consulta.Las escrituras en pantalla sólo la información devuelta por dichas consultas.Para cambiar la información que aparece para un grupo de datos, modifique la consulta.

Para obtener más información, vea Cómo: Filtrar datos en un cliente HTML para una aplicación LightSwitch.

Agregue datos a una pantalla

Se pueden agregar otros tipos de datos a una pantalla.Por ejemplo, en una pantalla que muestra los clientes, se puede agregar una cuadrícula de datos que muestra una lista de pedidos.Para obtener más información, vea Cómo: Agregar datos a una pantalla.

Personalizar la navegación entre las screen

En un cliente de HTML, sólo una pantalla está activo en cualquier momento.Puede especificar cómo el usuario abre una pantalla de otra y lo que pasa cuando una pantalla hace inactiva.

Para obtener más información, vea Cómo: Controlar la navegación entre pantallas HTML en una aplicación LightSwitch.

Modifique una pantalla mediante código

Puede agregar código a los métodos parciales que LightSwitch llama de, cuando ciertos eventos en tiempo de ejecución, modificar la presentación correctamente.Por ejemplo, se puede agregar código que oculta el nombre de una compañía que desea permanecer en el anonimato a los usuarios de la aplicación.Este código examinaría los nombres de la compañía de clientes y, cuando encuentra una coincidencia, establezca la propiedad de IsVisible de campo de CompanyName a False antes de que la información aparece en la pantalla.

Para obtener más información sobre dónde escribir el código, vea Cómo: Controlar los eventos de pantalla en un cliente móvil para una aplicación LightSwitch.

Para obtener más información sobre cómo agregar código que modifica una pantalla, consulte How to: Modify an HTML Screen by Using Code.

Temas relacionados

Título	Descripción
Elegir un tipo de pantalla para un cliente HTML de una aplicación LightSwitch	Describe las plantillas que se pueden utilizar como punto de inicio para crear pantallas.
Cómo: Crear una pantalla de cliente HTML	Muestra cómo agregar pantallas a la aplicación.
Paseo por el Diseñador de pantallas	Muestra las partes del diseñador y sus funciones.
Cómo: Diseñar una pantalla HTML usando el Diseñador de pantallas	Muestra cómo utilizar el diseñador de pantallas.
Cómo: Agregar una propiedad local a una pantalla HTML	Muestra cómo agregar un campo de propiedades local personalizado a una presentación.
Cómo: Agregar una botón a un cliente móvil para LightSwitch	Muestra cómo agregar un botón o un vínculo que ejecuta código personalizado en una pantalla.
Cómo: Agregar un control personalizado a una pantalla HTML para una aplicación LightSwitch	Muestra cómo utilizar un control HTML personalizado en una pantalla de LightSwitch.
Cómo: Agregar datos a una pantalla	Muestra cómo agregar datos de otras consultas a una pantalla.
Cómo: Datos de filtro en una pantalla de HTML	Muestra cómo utilizar consultas para controlar los datos que aparecerán en la pantalla.
Cómo: Controlar los eventos de pantalla en un cliente móvil para una aplicación LightSwitch	Describe cómo personalizar la aplicación escribiendo el código que se ejecuta cuando se producen ciertos eventos.
How to: Modify an HTML Screen by Using Code	Describe cómo utilizar código para modificar controles e interactuar con elementos en una pantalla.
Referencia: Propiedades del Diseñador de pantallas	Describe las propiedades de elementos que aparecen en la lista de miembros de pantalla y en el árbol de contenido de pantalla del Diseñador de pantallas.Se puede modificar el aspecto y el comportamiento de elementos usando la ventana Propiedades para establecer el valor de las propiedades.
Cómo: Controlar la navegación entre pantallas HTML en una aplicación LightSwitch	Describe el modelo de navegación de presentación para un cliente HTML de una aplicación de LightSwitch.