Visual Studio 2013 ya esta aquí!

Ya está disponible la nueva versión de Visual Studio 2013 para descargar. En esta nueva versión se han incluido muchos cambios que afecta al producto LightSwitch. El equipo de desarrollo se está centrando en el cliente HTML que nos permite crear aplicaciones visibles en cualquier navegador. Algunas de las mejoras son las siguientes:

• Nueva plantilla para crear aplicaciones de Office 365.
• Mejor soporte para trabajo en grupo, permitiendo abrir varios usuarios el mismo proyecto y trabajar en él.
• Soporte de proyectos SQL dentro del proyecto: con esto se pueden ejecutar scripts en la base de datos después del diseño para incluir datos o indices por ejemplo.
• Nuevo control tipo tabla: permite mostrar (no editar) los datos en forma de tabla y es 'responsive' con lo que se ajusta bien al tamaño de la pantalla en todos los dispositivos.
• Nuevo tipo de dato "DateTimeOffset": nos permite indicar fechas con la información del huso horario.
• Mejoras en el campo de tipo cuadro de lista.
• Nuevos campos "Creado por" y "Modificado por" en las tablas: esto nos permite una auditoria más fácil de los datos.
• Nuevo tipo de dato "Persona".
• Integración con Sharepoint y Lync

Como realizar una acción al cambiar el valor de un control con el cliente HTML

Con el nuevo cliente tipo HTML hay algunas cosas que podíamos hacer fácilmente con el cliente Silverlight que ahora no es posible a simple vista. Por ejemplo en el siguiente ejemplo quiero que al cambiar un valor en una caja de texto se realice una acción. Si vemos los eventos que se puede codificar vemos que solo tenemos el _posRender para poner algo de código.

 

Por suerte al ser HTML y disponer de jquery podemos usar todos los eventos que nos permite javascript con ayuda de jquery para detectar el cambio de un valor, para ello podríamos poner algo así:

myapp.DeejayMto.Facebook_postRender = function (element, contentItem) {
    // Write code here.    
    $(element).change(function () {
        alert(contentItem.value.toString());
    });
};

Y de esa forma mostrará un mensaje al cambiar el valor del control.

Nueva vista previa del cliente HTML disponible

Hace unos días se lanzó una actualización del cliente de HTML como parte de Visual Studio 2012 Update 2 CTP4 que mejora el soporte añadido para varios navegadores, clientes móviles y aplicaciones web de SharePoint 2013 con Visual Studio LightSwitch.

El nuevo cliente basado en HTML5 y JavaScript, es un complemento importante para nuestro cliente de escritorio basado en Silverlight que se enfoca en la creciente necesidad de construir aplicaciones orientadas al negocio que funcionen bien en los modernos dispositivos móviles. Visual Studio LightSwitch es la forma más fácil de crear una línea moderna de las aplicaciones de negocio para la empresa, y con soporte para HTML5 y el nuevo modelo de aplicaciones de SharePoint, ahora también construir aplicaciones de SharePoint 2013.

Si ya tenia instalada la versión anterior del cliente HTML debe desinstalarla primero siguiendo los pasos que encontrará aquí.

Hay que tener en cuenta que estas versiones HTML son todavía de prueba (preview) y debe utilizarse con prudencia hasta que salga la versión final.

3 Formas sencillas de crear una Caja Autocompletar

A continuación voy a enumerar unas formas sencillas (sin código  de como crear control del tipo Cuadro Autocompletar (Auto Complete Box). Existen tres formas:

1.- Mediante una clave externa.

Creamos una tabla donde indicamos un campo que es clave externa de otra tabla:

Al agregar el campo Pais de la tabla Cliente en una pantalla, LightSwitch automáticamente nos creará un control Autocompletar:

2.- Con una variable local o un campo de lista de opciones.

La otra manera de utilizar una cuadro de Autocompletar es definir una variable local o un campo con una lista de opciones.

• Creamos una variable local llamada Mes

• En la propiedad de la variable local hacemos clic en la lista de opciones

• Llenamos la lista con los datos, en mi ejemplo, los meses del año

• Automáticamente Microsoft LightSwitch hace que mi variable Mes sea de tipo Cuadro Autocompletar

También puede hacer esto en el diseño de la entidad o tabla proporcionando una lista de opciones para cualquier campo.

3.- La siguiente manera es muy útil y muchas veces no se utiliza porque hay que recordar que al crear una variable en la pantalla, ademas de los tipo comunes (Integer, String, etc.. ) también podemos crear variables que usan tablas.

• Agregamos un elemento de datos y seleccionamos "Propiedad local" y desde la lista desplegable, seleccionamos una tabla (Entity). En mi ejemplo, elegir una clasificación para el cliente.

• El nombre de la variable local es miPropiedad y su tipo es la tabla Clasificacion

• Automáticamente Microsoft LighSwitch crea una Caja Autocompletar para mi variable local al agregarla en la pantalla

Espero os haya sido útil estas aclaraciones para crear este tipo de control.