Что нового в Visual Studio 2012 для SharePoint 2010. Веб-часть Silverlight

Это продолжение цикла статей, посвященного возможностям Visual Studio 2012 для разработчиков на платформе SharePoint 2010. Первые главы вы можете найти по следующим ссылкам:

В прошлой статье мы рассматривали улучшения при работе со списками.

В этой статье рассмотрим улучшения, связанные с веб-частью Silverlight.

Шаблон для создания веб-части Silverlight входит в поставку Visual Studio 2012, и позволяет создать Silverlight приложение или использовать ранее созданное приложение. Кроме этого, настраивается связь между приложением и веб-частью.

Рассмотрим работу с веб-частью Silverlight на примере, для чего создадим веб-часть, в которой работает Silverlight приложение. Это приложение отображает данные из списка Объявления с использованием веб-сервиса ListData.svc.

Создаем проект

В Visual Studio создадим новый проект на основе шаблона SharePoint 2010 Silverlight Web Part (рис. 1)

image

Рис.1. Диалог выбора шаблона для создания проекта

Далее нужно указать тип решения. Выберем вариант решения фермы (рис. 2)

image

Рис. 2. Выбор типа решения

На следующем шаге нужно указать, используется готовое приложение или будет создавать новое, и также можно отложить настройку связи между приложением и веб-частью. В нашем случае создадим новое Silverlight приложение и свяжем его с веб-частью (рис. 3)

image

Рис. 3. Указание информации о Silverlight приложении

В обозревателе решений можно заметить, что создалось 2 проекта – приложение Silverlight и веб-часть Silverlight (рис. 4). Приложение получает и отображает данные из списка SharePoint, и это приложение работает в веб-части.

image

Рис. 4. Структура проекта

Работаем над приложением Silverlight

Для нашего примера добавим две сборки в проект — System.Windows.Data и System.Data.Services.Client.

Далее в проект приложения нужно добавить ссылку на веб-сервис. В появившемся окне укажите адрес портала нажмите Go. После чего происходит поиск веб-сервиса, и в успешном случае происходит автоматическая замена указанного вами адреса портала. В нашем случае адрес http://sp2010 заменился на http://sp2010/_vti_bin/ListData.svc. Кликните OK (рис. 5)

image

Рис. 5. Окно добавления ссылки на веб-сервис

Добавим новый источник данных на основе веб-сервиса SharePoint. Откройте окно Источники данных (рис. 6).

image

Рис. 6. Окно Источники данных с подключенным веб-сервисом SharePoint

Из списка источника данных перетащите элемент Announcements на страницу MainPage.xaml (рис. 7). После чего автоматически создается источник данных в приложении.

image

Рис. 7. Сетка для списка Объявления

Далее в файл MainPage.xaml.cs добавьте следующий код для пространств имен,

image

переменные в классе

image

Замените тело метода User_Control_Loaded_1 на следующее. В первой строчке нужно указать адрес веб-сервиса, и далее запретить обращение к данным в режиме дизайна

image

Также добавим простейший метод для обработки ошибок

image

Веб-часть Silverlight

В свойствах веб-части нужно выбрать способ отладки, для чего в свойствах проекта веб-части перейти на вкладку SharePoint и если еще не сделано, поставить флажок на свойстве Включить отладку Silverlight (рис. 8)

image

Рис. 8. Выбор способа отладки

После этого проект готов для развертывания на портале.

После сборки можно добавить веб-часть на страницу, открыв ее в режиме редактирования. Созданную нами веб-часть можно найти в каталоге Custom (рис. 9)

image

Рис. 9. Добавление веб-части на страницу

И можно посмотреть, что получилось (рис. 10). В нашем примере мы не ограничивали поля, доступные для отображения в приложении

image

Рис. 10. Приложение Silverlight на странице портала SharePoint 2010

Итак, мы рассмотрели работу с веб-частью Silverlight на примере создания приложения по отображению данных из списка Объявления.

Ссылки

What’s New for SharePoint Development in Visual Studio 11 Beta

Walkthrough: Creating a Silverlight Web Part that Displays OData for SharePoint

Реклама

Что нового в Visual Studio 2012 для SharePoint 2010. Веб-часть Silverlight: 2 комментария

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход / Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход / Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход / Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход / Изменить )

Connecting to %s