SharePoint 2013: Novedades en las herramientas de desarrollo de Office para Visual Studio 2013 RC (II)!

Siguiendo con la serie de artículos sobre las novedades en las herramientas de desarrollo de Office para Visual Studio 2013 RC (VS 2013 RC), en esta ocasión vamos a ver como podemos ir dotando de funcionalidad la aplicación de tipo Cloud Business App. Empecemos:

  • En el explorador de soluciones, seleccionamos la carpeta “Data Sources” del proyecto que contiene en su nombre “.Server”. Hacemos clic con el botón derecho del ratón y pulsamos “Add Table”.
  • En la ventana que se muestra configuramos el nombre de la tabla y añadimos varias propiedades.
image image
  • Guardamos los cambios que hemos hecho hasta ahora.Nos vamos al proyecto que contiene en su nombre “.HTMLClient”, seleccionamos la carpeta “Screens” y hacemos clic en “Add screen”
  • En la ventana que se abre, simplemente dejamos las opciones por defecto y en el combo “Screen data” seleccionamos la tabla de datos que hemos añadido con anterioridad. Indicamos también un nombre apropiado para la pantalla
image image
  • A continuación se muestra el diseñador de la pantalla para que la podamos personalizar de acuerdo a nuestras necesidades.
  • Siguiendo el mismo procedimiento para la pantalla de tipo Browse, añadimos ahora una de tipo “Add/Edit Details Screen” para la misma fuente de datos.
image image
  • Lo siguiente que necesitamos hacer es enlazar las dos pantallas de alguna forma. Para ello,en la superficie de diseño de la primera pantalla seleccionamos el elemento “List” y pulsamos la opción “Add Button…” disponible en el menú contextual.
  • En la ventana que se muestra, elegimos cómo método a utilizar el que comienza por “showAddEdit” y luego la opción “(New <NombreTabla>)”. Guardamos todos los cambios realizados hasta ahora.
image image
  • Llegados este punto, podemos ya hacer un nuevo despliegue de la aplicación y comprobar el funcionamiento de la misma. Previamente, marcaremos como pantalla por defecto la creada inicialmente usando para ello las opciones del menú contextual en el explorador de soluciones.
  • Si todo va bien, veremos qué la página principal de la aplicación es la que hemos marcado como pantalla por defecto y que contiene un botón para poder añadir datos y mostrarlos en el listado.
image image
  • Podemos añadir nuevos datos a través de la pantalla específica.
  • Y visualizar en el listado los datos que se van agregando.
image image

Y hasta aquí llega este segundo post sobre novedades en las herramientas de desarrollo de Office para Visual Studio 2013 RC.