Экраны клиента Silverlight для приложений LightSwitch

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

Шаблоны экранов

Для начала создайте экран на основе одного из следующих шаблонов экранов:

• Новый экран данных

• Экран поиска данных

• Экран сведений

• Редактируемый экран сетки

• Экран со списком и подробными сведениями

Дополнительные сведения о выборе шаблонов данных см. в разделе Выбор типа экрана.

Дополнительные сведения о поиске этих шаблонов см. в разделе Практическое руководство. Создание экрана Silverlight.

Средства разработки экранов

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

Конструктор экрана

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

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

Дополнительные сведения о разработке экранов см. в разделе Пошаговое руководство. Проектирование экрана Silverlight в LightSwitch.

Дополнительные сведения о выполнении отдельных задач разработки с помощью конструктора экрана см. в разделе Практическое руководство. Разработка экрана Silverlight с помощью конструктора экрана.

Экран "Режим настройки"

Можно изменить внешний вид экрана во время выполнения приложения с помощью экрана Режим настройки. Кроме того, перед тем как применять изменения, их можно просмотреть. На экране Режим настройки для запущенного приложения можно выполнить следующие задачи разработки:

• Удаление элементов с экрана

• Изменение меток элементов

• Изменение типа элемента управления (например, метки или текстового поля)

• Изменение положения метки элемента

• Отображение или скрытие элемента

• Перемещение элемента в другое место на экране

• Группировка элементов

• Добавление кнопок на экран

• Отмена изменений

• Восстановление значений по умолчанию для свойств элементов

На следующем рисунке показан экран Режим настройки.

Дополнительные сведения об экране Режим настройки см. в разделе Практическое руководство. Настройка экрана Silverlight в выполняющемся приложении.

Задачи по разработке экрана

Чтобы изменить структуру экрана, выполните следующие операции:

• Изменение внешнего вида экрана

• Добавление полей и команд на экран

• Фильтрация данных на экране

• Добавление данных на экран

• Настройка меню навигации по экрану

• Изменение экрана с помощью кода

Изменение внешнего вида экрана

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

Дополнительные сведения см. в разделе Практическое руководство. Разработка экрана Silverlight с помощью конструктора экрана.

Пример процедуры разработки внешнего вида экрана, на котором отображаются сведения из учебной базы данных Northwind, см. в разделе Настройка внешнего вида экрана в приложении LightSwitch.

Добавление полей и команд на экран

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

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

Для сбора или вывода информации можно добавить пользовательские поля — локальные свойства. Например, рядом с кнопкой объемов продаж можно добавить текстовое поле, с помощью которого пользователь сможет задать число клиентов, которое должно отображаться в списке. Дополнительные сведения см. в разделе Практическое руководство. Добавление локального свойства на экран Silverlight.

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

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

Фильтрация данных на экране

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

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

Дополнительные сведения см. в разделе Практическое руководство. Фильтрация данных на экране Silverlight.

Добавление данных на экран

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

Настройка меню навигации по экрану

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

Дополнительные сведения см. в разделе Практическое руководство. Создание элементов меню и групп навигации в LightSwitch.

Реализация поиска данных пользователями

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

Дополнительные сведения о том, как скрыть поле поиска на экране, см. в разделе Практическое руководство. Разработка экрана Silverlight с помощью конструктора экрана.

Дополнительные сведения о том, как исключить отдельные поля из поиска, см. в разделе Справочные материалы. Свойства конструктора данных.

В LightSwitch имеется шаблон, который можно использовать для создания экрана поиска. Дополнительные сведения см. в разделе Выбор типа экрана.

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

Чтобы реализовать поисковый интерфейс, в котором будут учитываться нестроковые поля и данные из соответствующих коллекций, на экране необходимо реализовать пользовательский компонент поиска. Пример реализации см. в разделе Creating a Custom Search Screen in Visual Studio LightSwitch.

Изменение экрана с помощью кода

Можно добавить код в разделяемые методы, которые вызываются из LightSwitch, что позволит соответствующим образом изменять экран при наступлении определенных событий во время выполнения. Например, можно добавить код, который будет скрывать название компании, если оно не должно отображаться пользователям приложения. В этом коде проверяются названия компаний клиентов. При обнаружении совпадения, прежде чем информация отображается на экране, свойству IsVisible поля CompanyName присваивается значение False.

Дополнительные сведения о написании кода см. в разделах Практическое руководство. Обработка событий экранов Silverlight и Практическое руководство. Добавление пользовательской команды на экран Silverlight.

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

Связанные разделы

Название	Описание
Выбор типа экрана	Описываются шаблоны, которые можно использовать в качестве отправной точки для создания экранов.
Практическое руководство. Создание экрана Silverlight	Описывается порядок добавления экранов в приложение.
Обзор конструктора экрана	Приводятся примеры компонентов конструктора и их функций.
Пошаговое руководство. Проектирование экрана Silverlight в LightSwitch	Показывается, как создать экран, на котором отображаются данные из учебной базы данных Northwind.
Практическое руководство. Разработка экрана Silverlight с помощью конструктора экрана	Показывается, как использовать конструктор экрана.
Практическое руководство. Настройка экрана Silverlight в выполняющемся приложении	Показывается порядок настройки внешнего вида экрана во время выполнения приложения.
Практическое руководство. Добавление локального свойства на экран Silverlight	Демонстрируется, как добавить на экран пользовательское поле — локальное свойство.
Практическое руководство. Добавление пользовательской команды на экран Silverlight	Показывается, как добавить кнопку или ссылку, которые выполняют пользовательский код на экране.
Практическое руководство. Добавление настраиваемого элемента управления на экран Silverlight	Показывается, как создать элемент управления за пределами LightSwitch, а затем использовать его на экране LightSwitch.
Практическое руководство. Добавление данных на экран	Показывается, как добавить на экран данные из других запросов.
Практическое руководство. Фильтрация данных на экране Silverlight	Показывается, как использовать запросы для управления отображением данных на экране.
Практическое руководство. Обработка событий экранов Silverlight	Описываются способы настройки приложения путем написания кода, который выполняется при возникновении определенных событий.
Практическое руководство. Изменение экрана Silverlight с помощью кода	Описывается использование кода для изменения элементов управления и взаимодействия с элементами на экране.
Справочные материалы. Свойства конструктора экрана	Описываются свойства элементов, которые отображаются в списке элементов экрана и в дереве содержимого экрана в конструкторе экрана. Внешний вид и поведение элементов можно изменить путем настройки значений свойств в окне Свойства.
Формирование отчетов и печать в LightSwitch	Описываются параметры, доступные для добавления функций создания отчетов и печати в приложение LightSwitch.