Applies ToSharePoint в Microsoft 365

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

Примечания: 

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

  • Веб-части в этой статье недоступны для использования на классических страницах.

Веб-части, которые можно подключить, включают: веб-часть свойств списка, веб-часть "Файл и мультимедиа" и веб-часть "Внедрение". Ниже приведены некоторые примеры использования этих подключенных веб-частей.

Отображение файла в зависимости от того, что пользователь выбирает в библиотеке документов (подключение веб-части "Файлы и мультимедиа" к веб-части библиотеки документов)

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

Пример веб-части средства просмотра файлов, подключенной к библиотеке документов

Для этого выполните указанные ниже действия.

  1. На странице добавьте веб-часть "Библиотека документов" с библиотекой, которую вы хотите использовать, и добавьте веб-часть "Файлы и мультимедиа".

  2. Если вы впервые добавляете веб-часть "Файлы и мультимедиа", откроется область Последние документы. Выберите Отмена в правом нижнем углу этой области.

  3. Выберите Изменить веб-часть Кнопка "Изменить" веб-части в левой части веб-части "Файл и мультимедиа".

  4. Выберите многоточие (...) в правом верхнем углу области свойств, а затем выберитеПодключиться к источнику.

    Кнопка "Подключиться к источнику"
  5. В разделе Подключение к источнику выберите нужную библиотеку документов в раскрывающемся списке.

    Область свойств средства просмотра файлов с раскрывающимся списком "Подключение к источнику"
  6. Щелкните значок X в верхней части панели, чтобы закрыть его.

  7. Выберите Сохранить как черновик в верхней части страницы.

  8. Проверьте подключение, выбрав документ из выбранной библиотеки документов. Документ должен отображаться в веб-части Файл и мультимедиа.

  9. Когда вы будете готовы к просмотру страницы аудиторией, выберите Опубликовать в правом верхнем углу страницы.

Отображение элемента в списке на основе того, что пользователь выбирает в веб-части "Список" (подключение веб-части свойств списка к веб-части "Список")

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

Пример списка, связанного с веб-частью свойств списка

Для этого выполните указанные ниже действия.

  1. На странице добавьте веб-часть Список со списком, который вы хотите использовать, а затем добавьте веб-часть Свойств списка.

  2. Выберите Изменить веб-часть Кнопка "Изменить" веб-части в левой части веб-части Свойства списка.

  3. Выберите многоточие (...) в правом верхнем углу области свойств, а затем выберите Подключиться к источнику.

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

  5. В разделе Отображение выберите то, что пользователь будет видеть на странице. 

  6. В разделе Поля для отображения установите флажки рядом со столбцами, из которые нужно отобразить значения.

    Панель веб-части свойств списка
  7. Выберите Сохранить как черновик в верхней части страницы.

  8. Проверьте подключение, выбрав элемент из выбранного списка. Вы увидите значение, указанное в веб-части свойств списка.

  9. Когда вы будете готовы к просмотру страницы аудиторией, выберите Опубликовать в правом верхнем углу страницы.

Отображение видео, изображения или расположения в зависимости от того, что пользователь выбирает в веб-части "Список" (подключение веб-части внедрения к веб-части списка)

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

Показать выбранное видео На YouTube

В этом примере веб-часть "Список" содержит список с заголовками видео и идентификаторами для нескольких видео на YouTube. Когда пользователь выбирает видео из списка, веб-часть Внедрение отображает это видео. Ссылка в веб-части Внедрение использует переменную для представления идентификатора видео, выбранного пользователем из списка.

Пример веб-части внедрения, подключенной к списку

Для этого выполните указанные ниже действия.

  1. Создайте список со столбцом Title и столбцом для идентификаторов видео (как показано в примере выше). Идентификатор — это часть ссылки на YouTube, которая идентифицирует видео и находится после части "v=" ссылки. Например, в следующей ссылке курсивная часть является идентификатором видео:

    https://www.youtube.com/watch?v=0YEPy7HRf60

  2. На странице добавьте веб-часть "Список" и выберите список с идентификаторами видео.

  3. Добавление веб-части внедрения.

  4. Выберите Изменить веб-часть Кнопка "Изменить" веб-части в левой части веб-части Внедрение.

  5. Выберите многоточие (...) в правом верхнем углу области свойств, а затем выберите Подключиться к источнику.

    Кнопка "Подключиться к источнику"
  6. В разделе Подключение к источнику выберите список в раскрывающемся списке.

  7. В разделе Адрес веб-сайта или код внедрения добавьте ссылку YouTube. Вместо отдельного идентификатора видео используйте имя столбца списка, содержащего идентификаторы, в качестве переменной. Переменная обозначается открывающей скобкой, $и закрывающей скобкой после имени. Ниже приведен пример, где идентификатор видео — это имя столбца:

    Встраивание области свойств веб-части со списком подключенных подключений

  8. Выберите Сохранить как черновик в верхней части страницы.

  9. Проверьте подключение, выбрав элемент из выбранного списка. Видео должно отобразиться в веб-части Внедрение.

  10. Когда вы будете готовы к просмотру страницы аудиторией, выберите Опубликовать в правом верхнем углу страницы.

Показать выбранное изображение

В этом примере веб-часть "Список" содержит заголовки изображений и URL-адреса для изображений, хранящихся на сайте SharePoint. Когда пользователь выбирает изображение из списка, это изображение отображается в веб-части Внедрение. В этом примере код IFrame используется в веб-части Внедрение, а переменная представляет ссылку на изображение.

Пример веб-части внедрения, подключенной к списку изображений

Для этого выполните указанные ниже действия.

  1. Создайте список со столбцом Title и столбцом для URL-адресов изображений.

    Совет: Чтобы получить URL-адрес изображения, перейдите в библиотеку, в которой хранится изображение, щелкните правой кнопкой мыши изображение и выберите команду Копировать ссылку. Затем нажмите кнопку Копировать. Теперь вы можете вставить ссылку в список.

  2. На странице добавьте веб-часть "Список" и выберите список с URL-адресами изображений.

  3. Добавление веб-части внедрения.

  4. Выберите Изменить веб-часть Кнопка "Изменить" веб-части в левой части веб-части Внедрение.

  5. Выберите многоточие (...) в правом верхнем углу области свойств, а затем выберитеПодключиться к источнику.

    Кнопка "Подключиться к источнику"
  6. В разделе Подключение к источнику выберите список в раскрывающемся списке.

  7. В разделе Адрес веб-сайта или код внедрения добавьте код внедрения. В этом примере код внедрения:

    <iframe width="693" height="390" src="[URL-адрес $Image]" frameborder="0" allowfullscreen="" allow="accelerometer; Автозапуск; зашифрованный носитель; Гироскоп; picture-in-picture"></iframe>

    где [URL-адрес $Image] — это переменная, представляющая имя столбца для URL-адресов изображений.

    Пример кода внедрения для выбранного изображения
  8. Выберите Сохранить как черновик в верхней части страницы.

  9. Проверьте подключение, выбрав элемент из выбранного списка. Изображение должно отобразиться в веб-части Внедрение.

  10. Когда вы будете готовы к просмотру страницы аудиторией, выберите Опубликовать в правом верхнем углу страницы.

Отображение выбранного расположения

В этом примере веб-часть "Список" содержит расположения и их координаты. Когда пользователь выбирает расположение из списка, веб-часть Внедрение показывает это расположение на карте Bing. В этом примере код IFrame используется в веб-части Внедрение, а переменные представляют координаты.

Пример подключенной веб-части внедрения, показывающей расположение из списка

Для этого выполните указанные ниже действия.

  1. Создайте список со столбцом Title и столбцами для долготы и широты.

  2. На странице добавьте веб-часть "Список" и выберите список со сведениями о расположении.

  3. Добавление веб-части внедрения.

  4. Выберите Изменить веб-часть Кнопка "Изменить" веб-части в левой части веб-части Внедрение.

  5. Выберите многоточие (...) в правом верхнем углу области свойств, а затем выберите Подключиться к источнику.

    Кнопка "Подключиться к источнику"
  6. В разделе Подключение к источнику выберите список в раскрывающемся списке.

  7. В разделе Адрес веб-сайта или код внедрения добавьте код внедрения. В этом примере код внедрения:

    <iframe width="500" height="400" src="https://www.bing.com/maps/embed?h=400&amp;w=500&amp;cp=[$Latitude]~[$Longitude]&amp;lvl=13&amp;typ=d&amp;sty=r&amp;src=SHELL&amp; amp; FORM=MBEDV8" frameborder="0" scrolling="no"> </iframe>

    где [$Latitude] и [$Longitude] — это переменные, представляющие имена столбцов для каждой из этих точек.

    Пример кода внедрения для отображения расположений
  8. Выберите Сохранить как черновик в верхней части страницы.

  9. Проверьте подключение, выбрав элемент из выбранного списка. Вы увидите карту Bing с расположением, отображаемым в веб-части Внедрение.

  10. Когда вы будете готовы к просмотру страницы аудиторией, выберите Опубликовать в правом верхнем углу страницы.

Примечания: 

  • Код внедрения должен быть основан на iframe (то есть начинаться и заканчиваться с <iframe> тегов). Код внедрения, использующий <скрипт> теги, не поддерживается.

  • Можно внедрить только безопасные веб-сайты. Убедитесь, что URL-адрес веб-сайта начинается с HTTPS.

Фильтрация списка по выделенному фрагменту в другом списке или библиотеке

С помощью динамической фильтрации можно фильтровать один список на основе выбора, сделанного в другом списке. В следующем примере библиотека документов планирования фильтруется по выделенному фрагменту в списке Сведения о проекте. В столбце Project Team выбрано значение "Маркетинг", поэтому в библиотеке Документы планирования отображаются только документы, принадлежащие группе маркетинга. 

Динамически отфильтрованный список

Для этого выполните указанные ниже действия.

  1. На странице добавьте веб-часть списка или веб-часть библиотеки и выберите список или библиотеку со значениями, по которым нужно отфильтровать.

  2. Добавьте другую веб-часть списка или веб-часть библиотеки и выберите список или библиотеку, содержащие сведения, которые требуется отфильтровать.

  3. Выберите веб-часть списка или библиотеки, которую вы хотите отфильтровать, и выберите Изменить веб-часть Кнопка "Изменить" веб-части в левой части веб-части.

  4. В разделе Динамическая фильтрация переместите переключатель в положение Вкл .

  5. Выберите столбец, который требуется отфильтровать, в поле Столбец в [имя вашего списка], чтобы отфильтровать.

  6. В разделе Список или Библиотека, содержащая значение фильтра, выберите список или библиотеку, добавленные на страницу на шаге 1.

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

  8. Нажмите Применить.

    Если использовать пример изображения в начале раздела, параметры динамической фильтрации для библиотеки документов планирования будут выглядеть следующим образом:

    Библиотека документов с открытой областью для параметров динамической фильтрации

  9. Когда все будет готово, выберите Сохранить как черновик в верхней части страницы или, если вы готовы, чтобы ваша аудитория увидела страницу, выберите Опубликовать в правом верхнем углу страницы.

Нужна дополнительная помощь?

Нужны дополнительные параметры?

Изучите преимущества подписки, просмотрите учебные курсы, узнайте, как защитить свое устройство и т. д.

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