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

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

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

Клиенты HTML

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

Примечание

При добавлении проект Клиент HTML в решение LightSwitch он обновило в Microsoft LightSwitch для Visual Studio, обновление 2.Структура файла решения изменена и больше нельзя открыть решение на компьютере, на котором не установлены укажите в Microsoft LightSwitch для Visual Studio, обновление 2. Для получения дополнительной информации см. Практическое руководство. Создание или добавление проекта HTML-клиента.

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

Чтобы начать работу, создайте экран, используя один из следующих шаблонов экрана:

• Просмотр экран

• Снимок экрана сведения представлений

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

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

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

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

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

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

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

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

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

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

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

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

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

• Настраивать переход между чтения с экрана

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Настраивать переход между чтения с экрана

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

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

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

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

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

Дополнительные сведения о добавлении кода, изменяющего экран, см. в разделе How to: Modify an HTML Screen by Using Code.

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

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