Практическое руководство. Добавление настраиваемого элемента управления на экран Silverlight

Статья
06/10/2015

Можно добавлять элементы управления Silverlight на экран LightSwitch. Элементы управления Silverlight предоставляют более широкие возможности отображения и сбора информации по сравнению со встроенными элементами управления LightSwitch.

Вы можете использовать элементы управления, включенные в среду выполнения Silverlight и пакет средств разработки Silverlight (Silverlight SDK). Также можно использовать элементы управления, создаваемые с помощью шаблонов проектов Silverlight, например элементы, доступные в Visual Studio 2010. Оба типа элементов управления в LightSwitch называются пользовательскими элементами управления.

Сведения о создании пользовательских элементов управления с помощью шаблонов проектов Silverlight в Visual Studio см. на странице Видео и учебные пособия по Silverlight.

Добавление новых и замена существующих элементов управления

Можно либо добавить на экран новый пользовательский элемент управления, либо заменить существующий элемент управления LightSwitch.

Добавление на экран пользовательского элемента управления

В дереве содержимого экрана выберите любую группу.
В верхней части окна Конструктор экрана выберите команду Добавить элемент макета, а затем щелкните Пользовательский элемент управления.
В диалоговом окне Добавление пользовательского элемента управления разверните узел сборки, разверните узел пространства имен и выберите узел элемента управления.

Если необходимая сборка не отображается в списке Добавление пользовательского элемента управления, нажмите кнопку Добавить ссылку. В диалоговом окне Добавление ссылки выберите сборку или локальный проект, где содержится нужный элемент управления, и нажмите кнопку ОК.

Примечание

Если этот элемент управления создан с помощью шаблонов проектов Silverlight в Visual Studio и привязан к данным посредством изменения XAML элемента управления, выполнять следующий шаг не требуется.Дополнительные сведения о привязке пользовательского элемента управления к данным с помощью изменения XAML элемента управления см. в статье Улучшение пользовательского интерфейса приложения LightSwitch с помощью пользовательских элементов управления.Если пользовательский элемент управления является встроенным элементом управления Silverlight или создан с помощью шаблонов проектов Silverlight в Visual Studio, но требуется привязать его к данным с помощью LightSwitch, перейдите к следующему шагу.
В поле Укажите данные для нового пользовательского элемента управления введите имя данных экрана, которые необходимо привязать к элементу управления, и нажмите кнопку ОК.

Например, если требуется отображать в пользовательском списке имена из коллекции CustomerSet, введите "CustomerSet". Если требуется отображать в элементе управления имя выбранного в текущий момент клиента, введите CustomerSet.SelectedItem.ContactName.
Добавьте код, привязывающий данные к конкретному свойству элемента управления. Дополнительные сведения см. в разделе Привязка данных к свойству пользовательского элемента управления далее в этом документе.

Замена существующего элемента управления пользовательским элементом управления

В области Дерево содержимого экрана в раскрывающемся списке рядом с элементом управления, который необходимо заменить, выберите Пользовательский элемент управления.
В окне Свойства нажмите кнопку Изменить рядом с полем Пользовательский элемент управления.
В диалоговом окне Добавление пользовательского элемента управления разверните узел сборки, разверните узел пространства имен, выберите узел элемента управления и нажмите кнопку ОК.

Если сборка, которая содержит элемент управления, не отображается в диалоговом окне Добавление пользовательского элемента управления, нажмите кнопку Добавить ссылку. В диалоговом окне Добавление ссылки выберите сборку или локальный проект, где содержится нужный элемент управления, и нажмите кнопку ОК.
Добавьте код, привязывающий данные к конкретному свойству элемента управления. Дополнительные сведения см. в разделе Привязка данных к свойству пользовательского элемента управления далее в этом документе.

Привязка данных к свойству пользовательского элемента управления

Необходимо привязать данные, указанные в диалоговом окне Добавление пользовательского элемента управления, к конкретному свойству элемента управления.

Привязка данных к свойству пользовательского элемента управления

В окне Конструктор экрана щелкните стрелку рядом с кнопкой Запись кода и щелкните любой метод.

Примечание

Выберите метод, который будет выполняться перед отображением данных в элементе управления во время выполнения, например CustomerListDetail_Activated.

Блок метода отобразится в редакторе кода.
В блоке метода добавьте код, который привязывает данные экрана к свойству пользовательского элемента управления.

В следующем примере используется пользовательский элемент управления "список" с именем Customers. Этот код связывает коллекцию данных, указанную в диалоговом окне Добавление пользовательского элемента управления, к конкретному свойству списка. Этот код также указывает, что данные могут быть изменены с помощью этого элемента управления.
```
Private Sub CustomersListDetail_Activated()
    Me.FindControl("Customers").SetBinding( _
        System.Windows.Controls.ListBox.ItemsSourceProperty, _
                "Value", System.Windows.Data.BindingMode.TwoWay)
End Sub
```
```
partial void CustomersListDetail_Activated()
{
    this.FindControl("Customers").SetBinding(
        System.Windows.Controls.ListBox.ItemsSourceProperty,
        "Value", System.Windows.Data.BindingMode.TwoWay);
}
```