Создание компонентов взаимодействия с пользователем в SharePointCreate UX components in SharePoint

Модель для надстроек SharePoint открывает доступ к множеству компонентов и механизмов взаимодействия с пользователем, помогающих создавать отличные решения. Эта модель позволяет использовать техники и платформы, которые лучше всего адаптируются под потребности пользователей.The model for SharePoint Add-ins offers many UX components and mechanisms that help you build a great user experience in SharePoint Add-ins. The user experience in the add-in model is also flexible enough to let you use the techniques and platforms that best adapt to the needs of end users. Table 1 lists resources to help you learn about creating and using UX components in add-ins.

Ниже перечислены ресурсы по созданию и использованию компонентов взаимодействия с пользователем в надстройках.The following table lists resources to help you learn about creating and using UX components in add-ins.

Ресурсы и руководства по созданию компонентов взаимодействия с пользователем в надстройках SharePointTable 1. Resources and guidance for creating UX components in SharePoint Add-ins

СтатьяArticle ОписаниеDescription
Использование таблицы стилей веб-сайта SharePoint в надстройках SharePointUse a SharePoint website's style sheet in SharePoint Add-ins Вы можете ссылаться на таблицу стилей веб-сайта SharePoint в вашей надстройке SharePoint и использовать ее для настройки стиля ваших веб-страниц с помощью таблицы стилей в SharePoint. Кроме того, если кто-либо изменяет таблицу стилей или тему веб-сайта SharePoint, то вы сможете применить новый набор стилей, не меняя ссылку на таблицу стилей в вашей надстройке.You can reference the style sheet of a SharePoint website in your SharePoint Add-in and use it to style your webpages by using the style sheet in SharePoint. In addition, if someone changes the SharePoint website's style sheet or theme, you can adopt the new set of styles in your add-in without modifying the style sheet reference in your add-in.
Использование клиентского элемента управления хрома в надстройках SharePointUse the client chrome control in SharePoint Add-ins Элемент управления хрома в SharePoint позволяет использовать стили заголовков определенного сайта SharePoint в вашей надстройке без необходимости регистрировать серверную библиотеку или использовать специальные методы и средства. Чтобы использовать эту функцию, необходимо зарегистрировать библиотеку SharePoint JavaScript с помощью стандартного тега <script>. Вы можете использовать заполнитель с помощью HTML-элемента div и в дальнейшем настраивать этот элемент управления с использованием доступных параметров. Элемент управления наследует свой внешний вид от указанного веб-сайта SharePoint. The chrome control in SharePoint enables you to use the header styling of a specific SharePoint site in your add-in without needing to register a server library or use a specific technology or tool. To use this functionality, you must register a SharePoint JavaScript library through a standard <script> tag. You can provide a placeholder by using an HTML div element and further customize the control by using the available options. The control inherits its appearance from the specified SharePoint website.
Создание веб-частей надстроек для установки вместе с надстройкой SharePointCreate add-in parts to install with your SharePoint Add-in С помощью частей надстроек можно отображать взаимодействие надстройки с пользователями непосредственно на хост-сайте. Часть надстройки отображает содержимое надстройки с помощью IFrame. Конечные пользователи могут настраивать взаимодействие с помощью настраиваемых свойств, которые можно предоставлять для части надстройки. Веб-страница надстройки получает значения настраиваемых свойств через параметры в строке запроса.With add-in parts, you can show your add-in user experience right in the host web. An add-in part displays your add-in content using an IFrame. End users can customize the experience using the custom properties that you can provide for your add-in part. The add-in webpage receives the custom property values through parameters in the query string.
Создание дополнительных действий для развертывания с надстройками SharePointCreate custom actions to deploy with SharePoint Add-ins При создании надстройки SharePoint дополнительные действия позволяют взаимодействовать со списками и лентой на хост-сайте.When you are creating a SharePoint Add-in, custom actions let you interact with the lists and the ribbon in the host web. Эти действия развертываются на хост-сайте, когда конечные пользователи устанавливают вашу надстройку.A custom action deploys to the host web when end users install your add-in. Дополнительные действия позволяют открывать удаленную веб-страницу и передавать информацию через строку запроса.Custom actions can open a remote webpage and pass information through the query string. Для надстроек доступны дополнительные действия ленты и элемента меню ECB.Two types of custom actions are available for add-ins: Ribbon and Edit Control Block.
Настройка представления списка в надстройках SharePoint с помощью клиентской обработкиCustomize a list view in SharePoint Add-ins using client-side rendering При клиентской обработке доступен механизм, который можно использовать для производства собственных выходных данных для набора элементов управления, размещенных на странице SharePoint.Client-side rendering provides a mechanism that you can use to produce your own output for a set of controls that are hosted on a SharePoint page. Этот механизм позволяет определять логику отрисовки представлений списков SharePoint, используя хорошо известные технологии, такие как HTML и JavaScript.This mechanism enables you to use well-known technologies, such as HTML and JavaScript, to define the rendering logic of SharePoint list views. Технология клиентской обработки позволяет указывать собственные ресурсы JavaScript и размещать их в хранилищах данных, доступных для надстроек (например, в библиотеке документов).In client-side rendering, you can specify your own JavaScript resources and host them in the data storage options available to your add-ins, such as a document library.
Использование клиентского средства выбора людей в надстройках SharePoint с размещением в SharePointUse the client-side People Picker control in SharePoint-hosted SharePoint Add-ins Клиентское средство выбора людей позволяет пользователям быстро находить действительные учетные записи для людей, групп и утверждений в организации.Learn how to use the client-side People Picker control in SharePoint Add-ins. The client-side People Picker control lets users quickly search for and select valid user accounts for people, groups, and claims in their organization. The picker is an HTML and JavaScript control that provides cross-browser support. Средство выбора представляет собой элемент управления HTML и JavaScript, работающий в разных браузерах.The picker is an HTML and JavaScript control that provides cross-browser support.
Выделение контента и расширение функций надстроек SharePoint с размещением в SharePoint с помощью выноскиHighlight content and enhance the functionality of SharePoint-hosted SharePoint Add-ins with the callout control Элемент управления "Выноска" в SharePoint помогает привлечь внимание пользователя и продемонстрировать функции приложения, размещенного в SharePoint.The SharePoint callout control provides a flexible way to engage your user and showcase your SharePoint-hosted app's functionality. В этой статье описано, как создать этот элемент управления, добавить его на страницу, а также настроить его внешний вид и поведение.This article shows you how to construct this control, add it to your page, and customize its appearance and behavior.
Включение веб-части в веб-страницу сайта надстройкиInclude a web part in a webpage on the add-in web Узнайте, как добавить веб-часть на страницу надстройки SharePoint.Learn how to include a Web Part on a page in a SharePoint Add-in.

Дальнейшие действия: работа с данными в надстройках SharePointNext steps: Working with data in SharePoint Add-ins

Закончили создание удобного интерфейса для своей надстройки?Have you finished designing a great UX for your add-in? Включите данные с помощью механизмов, доступных в модели для надстроек SharePoint. Дополнительные сведения см. в статье Работа с внешними данными в SharePoint.Have you finished designing a great UX for your add-in? Incorporate data with the mechanisms available to you in the model for SharePoint Add-ins. For more information, see Work with external data in SharePoint.

См. такжеSee also