Tutorial: Crear un elemento web de Silverlight que muestre OData para SharePoint

Artículo
02/19/2013

SharePoint 2010 expone los datos de la lista mediante OData.En SharePoint, el servicio de OData es implementado por el servicio ListData.svc de RESTful.Este tutorial muestra cómo crear un elemento web de SharePoint que hospeda una aplicación de Silverlight.Muestra SharePoint Announcement de la aplicación de Silverlight muestran información mediante ListData.svc.Para obtener más información, vea Interfaz de RESTO de windows workflow foundation de SharePoint y Protocolo abierto de datos.

En este tutorial se muestran las siguientes tareas:

Crear una aplicación de Silverlight y un elemento web de Silverlight.
Personalizar la aplicación de Silverlight.
Personalizar la aplicación de Silverlight.
Personalizar la aplicación de Silverlight.
Probar el elemento web de Silverlight.

[!NOTA]

Es posible que su equipo muestre nombres o ubicaciones diferentes para algunos de los elementos de la interfaz de usuario de Visual Studio incluidos en las instrucciones siguientes. La edición de Visual Studio que se tenga y la configuración que se utilice determinan estos elementos. Para obtener más información, vea Valores de configuración de Visual Studio.

Requisitos previos

Necesita los componentes siguientes para completar este tutorial:

Ediciones compatibles de Microsoft Windows y SharePoint.Para obtener más información, vea Requisitos para desarrollar soluciones de SharePoint.
Visual Studio 2012.

Crear una aplicación de Silverlight y un elemento web de Silverlight

Primero, cree una aplicación Silverlight en Visual Studio.La aplicación de Silverlight recupera datos de anuncios de SharePoint mediante el servicio de ListData.svc.

[!NOTA]

Ninguna versiones de Silverlight antes de que 4,0 admiten las interfaces necesarias para hacer referencia a datos de lista de SharePoint.

Para crear parte de Silverlight de un web de la aplicación y de Silverlight

En la barra de menú, elija Archivo, Nuevo, Proyecto para mostrar el cuadro de diálogo Nuevo proyecto .
Expanda el nodo SharePoint en Visual c# o Visual Basicy, a continuación el nodo 2010 .
En el panel plantillas, elija la plantilla Elemento web de Silverlight de SharePoint 2010 .
En el cuadro Nombre , entre en SLWebPartTest y elija el botón Aceptar .

El cuadro de diálogo Asistente para la personalización de SharePoint aparece.
En la página Especifique el sitio y el nivel de seguridad de la depuración, escriba la dirección URL para el sitio de servidor de SharePoint donde desea depurar la definición de sitio, o utilice la ubicación predeterminado (http://nombre sistema/).
En la sección Cuál es el nivel de confianza de esta solución de SharePoint? , elija el botón de opción Implementar como solución de granja de servidores .

Aunque en este ejemplo se utiliza una solución de granja, los proyectos web de la parte de Silverlight se pueden implementar como granja o las soluciones en espacio aislado.Para obtener más información sobre las soluciones en espacio aislado y soluciones de granja de servidores, vea Consideraciones sobre las soluciones en espacio aislado.
En la sección Cómo desea asociar al elemento web de Silverlight de la página Especificar información de configuración de Silverlight , elija el botón de opción Cree un nuevo proyecto de Silverlight y asociarlo al elemento web .
Cambie Nombre a SLApplication, establezca Idioma a Visual Basic o a Visual c#, y establezca Versión de Silverlight a Silverlight 4,0.
Elija el botón Finalizar .Los proyectos aparecen en Explorador de soluciones.

La solución contiene dos proyectos: una aplicación Silverlight y una parte web de Silverlight.La aplicación de Silverlight recupera y muestra los datos de lista de SharePoint, y hospeda web de la parte de Silverlight la aplicación de Silverlight, permitiéndole para verla en SharePoint.

Personalizar la aplicación de Silverlight

Agregue el código y los elementos de diseño a la aplicación de Silverlight.

Para personalizar la aplicación de Silverlight

Agregue una referencia de ensamblado a System.Windows.Data en la aplicación de Silverlight.Para obtener más información, vea Cómo: Agregar o quitar referencias utilizando el cuadro de diálogo Agregar referencia.
En Explorador de soluciones, abra el menú contextual para Referenciasy, a continuación Agregar referencia de servicio.

[!NOTA]

Si utiliza Visual Basic, debe elegir el icono Mostrar todos los archivos en la parte superior Explorador de soluciones para mostrar el nodo Referencias .
En el cuadro dirección de cuadro de diálogo Agregar referencia de servicio , escriba la dirección URL del sitio de SharePoint, como http://MySPSite, y elija el botón Ir .

Cuando Silverlight encuentra el servicio ListData.svc de SharePoint OData, reemplaza la dirección con la dirección URL del servicio completo.Para este ejemplo, http://myserver se convierte en http://myserver/_vti_bin/ListData.svc.
Elija el botón Aceptar para agregar la referencia de servicio al proyecto, y utilice el nombre predeterminado del servicio, ServiceReference1.
En la barra de menú, elija Generar, Compilar solución.
Agregue un nuevo origen de datos al proyecto basado en el servicio de SharePoint.Para ello, en la barra de menú, elija Ver, Otras ventanas, Orígenes de datos.

La ventana Orígenes de datos muestra todos los datos disponibles de la lista de SharePoint, como tareas, Anuncios, y calendario.
Agregue los datos de la lista de Anuncios a la aplicación de Silverlight.Puede arrastrar “Anuncios” de la ventana Orígenes de datos sobre el diseñador de Silverlight.

Esto crea un límite del control de cuadrícula a la lista de Anuncios de sitio de SharePoint.
Cambie el tamaño del control de cuadrícula para ajustarse la página de Silverlight.

En el archivo de código MainPage.xaml (MainPage.xaml.cs para Visual c# o MainPage.xaml.vb para Visual Basic), agregue las siguientes referencias de espacio de nombres.

' Add the following three Imports statements.
Imports SLApplication.ServiceReference1
Imports System.Windows.Data
Imports System.Data.Services.Client

// Add the following three using statements.
using SLApplication.ServiceReference1;
using System.Windows.Data;
using System.Data.Services.Client;

Agregue las declaraciones de variable siguientes en la parte superior de la clase.

Private context As TeamSiteDataContext
Private myCollectionViewSource As CollectionViewSource
Private announcements As New DataServiceCollection(Of AnnouncementsItem)()

private TeamSiteDataContext context;
private CollectionViewSource myCollectionViewSource;
DataServiceCollection<AnnouncementsItem> announcements = new DataServiceCollection<AnnouncementsItem>();

Reemplace el procedimiento UserControl_Loaded con el siguiente.

Private Sub UserControl_Loaded_1(sender As Object, e As RoutedEventArgs)
    ' The URL for the OData service.
    ' Replace <server name> in the next line with the name of your SharePoint server.
    context = New TeamSiteDataContext(New Uri("http://<server name>/_vti_bin/ListData.svc"))

    ' Do not load your data at design time.
    If Not System.ComponentModel.DesignerProperties.GetIsInDesignMode(Me) Then
        'Load your data here and assign the results to the CollectionViewSource.
        myCollectionViewSource =   DirectCast(Me.Resources("announcementsViewSource"), System.Windows.Data.CollectionViewSource)
        announcements.LoadCompleted += New EventHandler(Of LoadCompletedEventArgs)(AddressOf announcements_LoadCompleted)
        announcements.LoadAsync(context.Announcements)
    End If
End Sub

private void UserControl_Loaded_1(object sender, RoutedEventArgs e)
{
    // The URL for the OData service.
    // Replace <server name> in the next line with the name of your 
    // SharePoint server.
    context = new TeamSiteDataContext(new Uri("https://ServerName>/_vti_bin/ListData.svc"));

    // Do not load your data at design time.
    if (!System.ComponentModel.DesignerProperties.GetIsInDesignMode(this))
    {
        //Load your data here and assign the results to the CollectionViewSource.
        myCollectionViewSource = (System.Windows.Data.CollectionViewSource)this.Resources["announcementsViewSource"];
        announcements.LoadCompleted += new EventHandler<LoadCompletedEventArgs>(announcements_LoadCompleted);
        announcements.LoadAsync(context.Announcements);
    }
}

Asegúrese de reemplazar el marcador ServerName con el nombre del servidor que ejecuta SharePoint.

Agregue el procedimiento de control de errores siguiente.

Private Sub announcements_LoadCompleted(sender As Object, e As LoadCompletedEventArgs)
    ' Handle any errors.
    If e.[Error] Is Nothing Then
        myCollectionViewSource.Source = announcements
    Else
        MessageBox.Show(String.Format("ERROR: {0}", e.[Error].Message))
    End If
End Sub

void announcements_LoadCompleted(object sender, LoadCompletedEventArgs e)
{
    // Handle any errors.
    if (e.Error == null)
    {
        myCollectionViewSource.Source = announcements;
    }
    else
    {
        MessageBox.Show(string.Format("ERROR: {0}", e.Error.Message));
    }
}

Modificar el elemento web de Silverlight

Cambie la propiedad del proyecto web de la parte de Silverlight para habilitar la depuración de Silverlight.

Para modificar la parte del web de Silverlight

Abrir el menú contextual para el proyecto web de la parte de Silverlight (SLWebPartTest) y, a continuación Propiedades.
En la ventana Propiedades , elija la ficha SharePoint .
Si aún no está seleccionada, active la casilla Habilitar depuración de Silverlight (en lugar de depuración de script) .
Guarde el proyecto.

Probar el elemento web de Silverlight

Pruebe el nuevo elemento web de Silverlight en SharePoint para asegurarse de que muestra los datos de la lista de SharePoint correctamente.

Para probar el elemento web de Silverlight

Elija la tecla F5 para compilar y ejecutar la solución de SharePoint.
En SharePoint, en el menú Acciones del sitio , elija Nueva página.
En el cuadro de diálogo Nueva página , escriba un título, como prueba de elemento web de SL, y elija el botón Crear .
En el diseñador de la página, en la ficha Herramientas de edición , elija Insertar.
En la barra de la ficha, elija Elemento web.
En el cuadro Categorías , elija la carpeta Personalizado .
En la lista Elementos web , elija el elemento web de Silverlight, y elija el botón Agregar para agregar el elemento web al diseñador.
Después de haber creado todas las adiciones a la página Web que desea, elija la ficha Página , y elija el botón Guarde y cierre en la barra de herramientas.

El elemento web de Silverlight ahora debe mostrar los datos de Anuncio del sitio de SharePoint.De forma predeterminada, la página se almacena en las páginas del sitio enumeradas en SharePoint.

[!NOTA]

Cuando datos de acceso en Silverlight entre dominios, restricciones de Silverlight contra las vulnerabilidades de seguridad que se pueden utilizar para las aplicaciones Web.Si experimenta problemas al tener acceso a datos remotos en Silverlight, vea Crear un Servicio límites disponibles del dominio de Entre.