GuilleSQL :: Microsoft SQL Server, SSIS, y más !!

JavaScript Object Model (JSOM) en SharePoint 2010


Con SharePoint 2010 tenemos la posibilidad de escribir código de cliente de SharePoint desde JavaScript, utilizando el llamado JavaScript Object Model (JSOM) de SharePoint 2010 (librería sp.js), el cual además nos permitirá realizar otras opciones, como abrir ventanas modales en JavaScript. De este modo, podremos ejecutar código cliente de SharePoint en JavaScript, tanto de Application Pages desplegadas desde Soluciones de Visual Studio, como en Páginas de Web Parts utilizando la Content Editor Web Part (CEWP).

Sin duda, la posibilidad de ejecutar código cliente de SharePoint desde JavaScript, fue una incorporación bastante interesante en SharePoint 2010. De este modo, utilizando la librería SP.js, podemos desplegar una página de aplicación (Application Page) desde una Solución de Visual Studio con el código cliente que deseemos, o también podemos utilizar una simple páginas de Web Parts con una Content Editor Web Part (CEWP) para hospedar el código JavaScript que deseemos. Veamos un ejemplo.

Crearemos un nuevo Proyecto en Visual Studio 2010 de tipo Empty SharePoint Project, asegurándonos de seleccionar el Net Framework 3.5 y asignaremos el nombre que deseemos para el Proyecto (en nuestro caso, lo llamaremos SharePointProject1. En el Wizard para la creación del Proyecto, seleccionaremos la opción Deploy as a farm solution.

Añadiremos un nuevo elemento de tipo Application Page, asignándole el nombre que deseemos. En nuestro caso de ejemplo dejaremos el nombre ofrecido por defecto (ApplicationPage1.html).

Añadiremos un nuevo elemento de tipo Application Page

Esto además de añadir una página html a nuestro Proyecto de Visual Studio 2010, también creará un mapeo a la carpeta Layouts de SharePoint, incluyendo un carpeta por debajo de la misma, donde se ubicará la nueva página html, tal y como se puede ver en la siguiente pantalla capturada.

Esto además de añadir una página html a nuestro Proyecto de Visual Studio 2010, también creará un mapeo a la carpeta Layouts de SharePoint, incluyendo un carpeta por debajo de la misma, donde se ubicará la nueva página html

Editaremos nuestra nueva página html, y dentro de la sección principal (Main) añadiremos el código que se muestra a continuación, para cargar la librería de JavaScript SP.js (que nos dará acceso al Modelo de Objetos de SharePoint desde JavaScript), y para seguidamente ejecutar una función que hemos llamado Initialize, la cual abre una ventana de diálogo de SharePoint mostrando en su interior una página web.

Editaremos nuestra nueva página html, y dentro de la sección principal (Main) añadiremos el código que se muestra a continuación, para cargar la librería de JavaScript SP.js (que nos dará acceso al Modelo de Objetos de SharePoint desde JavaScript), y para seguidamente ejecutar una función que hemos llamado Initialize, la cual abre una ventana de diálogo de SharePoint mostrando en su interior una página web

Si realizado esto, compilamos, ejecutamos nuestro proyecto, y accedemos a la nueva página html, podremos ver el resultado obtenido. Téngase en cuenta, que los ficheros incluidos dentro de la carpeta mapeada Layouts, serán desplegados automáticamente por la Solución, no siendo necesario incluirlos en ninguna Característica (Feature).

Si realizado esto, compilamos, ejecutamos nuestro proyecto, y accedemos a la nueva página html, podremos ver el resultado obtenido

Del mismo modo, como comentábamos antes, es posible crear una página de Web Parts y añadirla una Content Editor Web Part (CEWP, disponible también en WSS4), para en la misma incluir el código HTML y JavaScript que consideremos necesario.

Poco más por hoy. Como siempre, confío que la lectura resulte de interés.

 


]
[Autor: GuilleSQL]



Miembros de
Miembros de GITCA (Global IT Community Association)

Menu de Usuario
  Iniciar Sesión
  Registrarse
  Restablecer Contraseña
  Ventajas de Registrarse

Acerca de
  Contigo desde Oct 2007
  771 usuarios registrados
  86146 pageloads/mes
  Ranking Alexa 498160

Social Networks
Sigue a Portal GuilleSQL en Linkedin !!
Sigue a Portal GuilleSQL en Twitter !!



Archivo

Junio de 2017 (3)
Mayo de 2017 (1)
Marzo de 2017 (3)
Enero de 2017 (4)
Junio de 2016 (1)
Mayo de 2016 (2)
Abril de 2016 (2)
Septiembre de 2015 (2)
Agosto de 2015 (2)
Junio de 2015 (10)
Mayo de 2015 (4)
Abril de 2015 (8)
Marzo de 2015 (11)
Octubre de 2014 (3)
Septiembre de 2014 (7)
Agosto de 2014 (5)
Julio de 2014 (2)
Mayo de 2014 (4)
Abril de 2014 (4)
Marzo de 2014 (4)
Febrero de 2014 (1)
Enero de 2014 (5)
Diciembre de 2013 (8)
Noviembre de 2013 (2)
Octubre de 2013 (7)
Septiembre de 2013 (6)
Agosto de 2013 (1)
Julio de 2013 (6)
Junio de 2013 (11)
Mayo de 2013 (7)
Abril de 2013 (6)
Febrero de 2013 (5)
Enero de 2013 (7)
Diciembre de 2012 (12)
Noviembre de 2012 (13)
Octubre de 2012 (5)
Septiembre de 2012 (3)
Agosto de 2012 (6)
Julio de 2012 (4)
Junio de 2012 (1)
Mayo de 2012 (2)
Abril de 2012 (7)
Marzo de 2012 (16)
Febrero de 2012 (9)
Enero de 2012 (5)
Diciembre de 2011 (10)
Noviembre de 2011 (10)
Octubre de 2011 (4)
Septiembre de 2011 (5)
Agosto de 2011 (2)
Julio de 2011 (2)
Junio de 2011 (4)
Mayo de 2011 (2)
Abril de 2011 (6)
Marzo de 2011 (4)
Febrero de 2011 (10)
Enero de 2011 (5)
Diciembre de 2010 (6)
Noviembre de 2010 (4)
Octubre de 2010 (8)
Septiembre de 2010 (4)
Agosto de 2010 (1)
Julio de 2010 (3)
Mayo de 2010 (5)
Abril de 2010 (6)
Marzo de 2010 (8)
Febrero de 2010 (3)
Enero de 2010 (1)
Diciembre de 2009 (9)
Noviembre de 2009 (14)
Octubre de 2009 (2)
Septiembre de 2009 (8)
Agosto de 2009 (2)
Julio de 2009 (10)
Junio de 2009 (9)
Mayo de 2009 (10)
Abril de 2009 (9)
Marzo de 2009 (3)
Febrero de 2009 (2)
Enero de 2009 (3)
Noviembre de 2008 (2)
Octubre de 2008 (2)
Septiembre de 2008 (2)
Agosto de 2008 (5)
Julio de 2008 (5)
Junio de 2008 (1)
Mayo de 2008 (3)
Abril de 2008 (2)
Marzo de 2008 (2)
Febrero de 2008 (2)
Enero de 2008 (5)
Noviembre de 2007 (2)
Octubre de 2007 (2)






Copyright © 2007 GuilleSQL, todos los derechos reservados.