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

С помощью LightSwitch можно создавать экраны HTML-клиента, оптимизированные для отображения на мобильных устройствах. В этом разделе описываются шаблоны, которые можно использовать для создания экранов на базе HTML5, инструменты разработки экранов, а также возможности усовершенствования экранов приложения LightSwitch.

Полный пример клиентского приложения, в котором используются HTML-экраны, см. в разделе Пошаговое руководство. Создание клиента LightSwitch для мобильных пользователей.

Клиенты HTML

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

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

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

• Набор общих экранов

• Экран обзора

• Просмотр экрана сведений

• Экран добавления или изменения сведений

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

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

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

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

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

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

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

Следующие операции позволяют изменить структуру экрана:

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

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

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

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

• настройка навигации между экранами;

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

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

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

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

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

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

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

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

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

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

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

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

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

Для получения дополнительной информации см. Практическое руководство. Фильтрация данных в HTML-клиенте для приложения LightSwitch.

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

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

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

В HTML-клиенте в каждый момент времени активен только один экран. Можно указать, как пользователь открывает один экран с другого, и что происходит, когда экран становится неактивным.

Для получения дополнительной информации см. Практическое руководство. Перемещение между экранами HTML в приложении LightSwitch.

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

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

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

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

Список API HTML-клиента LightSwitch см. в разделе Справочник по клиентскому интерфейсу API HTML.

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

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