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. Створіть список зі стовпцем "Заголовок" і стовпцем для ідентифікаторів відео (як у наведеному вище прикладі). Ідентифікатор – це частина посилання YouTube, яке визначає відео та знаходиться після частини посилання "v=". Наприклад, за наведеним нижче посиланням курсивом є ідентифікатор відео:

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

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

  3. Додавання веб-частини "Вбудовування".

  4. У лівій частині веб-частини Вбудовування натисніть кнопку Редагувати веб-частину Кнопка "Змінити веб-частину" .

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

    Кнопка "Підключитися до джерела"
  6. У розділі Підключитися до джерела виберіть список із розкривного списку.

  7. У розділі Адреса веб-сайту або код вбудовування додайте посилання YouTube. Проте замість окремого ідентифікатора відео використовуйте ім'я стовпця списку, який містить ідентифікатори як змінну. Змінна позначає відкриваючу дужку, $і закриваючу дужку після імені. Ось приклад, коли ідентифікатор відео – це ім'я стовпця:

    Область властивостей веб-частини "Вбудовування" з підключеним списком

  8. Натисніть кнопку Зберегти як чернетку у верхній частині сторінки.

  9. Перевірте підключення, вибравши елемент у вибраному списку. У веб-частині "Вбудовування" має відобразитися відео.

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

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

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

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

Ось як це зробити:

  1. Створіть список зі стовпцем "Заголовок" і стовпцем для URL-адрес зображення.

    Порада.: Щоб отримати URL-адресу зображення, перейдіть до бібліотеки, у якій зберігається зображення, клацніть його правою кнопкою миші та виберіть команду Копіювати посилання. Потім натисніть кнопку Копіювати. Тепер ви можете вставити посилання в список.

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

  3. Додавання веб-частини "Вбудовування".

  4. У лівій частині веб-частини Вбудовування натисніть кнопку Редагувати веб-частину Кнопка "Змінити веб-частину" .

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

    Кнопка "Підключитися до джерела"
  6. У розділі Підключитися до джерела виберіть список із розкривного списку.

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

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

    де [$Image URL-адреса] – це змінна, яка представляє ім'я стовпця для URL-адрес зображення.

    Приклад коду вбудовування для вибраного зображення
  8. Натисніть кнопку Зберегти як чернетку у верхній частині сторінки.

  9. Перевірте підключення, вибравши елемент у вибраному списку. Зображення має відображатися у веб-частині "Вбудовування".

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

Показати вибране розташування

У цьому прикладі веб-частина "Список" містить розташування та їхні координати. Коли користувач вибирає розташування зі списку, веб-частина "Вбудовування" відображає це розташування на карті Bing. У цьому прикладі код IFrame використовується у веб-частині "Вбудовування", а змінні – координати.

Приклад підключеної веб-частини "Вбудовування", у якій показано розташування зі списку

Ось як це зробити:

  1. Створіть список зі стовпцем "Заголовок" і стовпцями для довготи та широти.

  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; FORM=MBEDV8" frameborder="0" scrolling="no"> </iframe>

    де [$Latitude] і [$Longitude] – це змінні, які представляють імена стовпців для кожної з цих точок.

    Приклад коду вбудовування для відображення розташувань
  8. Натисніть кнопку Зберегти як чернетку у верхній частині сторінки.

  9. Перевірте підключення, вибравши елемент у вибраному списку. Має відобразитися карта Bing, на якій відображається розташування у веб-частині "Вбудовування".

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

Примітки.: 

  • Код вбудовування має бути на основі iframe (тобто починати та закінчуватися <тегами iframe>). Код вбудовування, який використовує теги> сценаріїв <, не підтримується.

  • Можна вбудовувати лише безпечні веб-сайти. Переконайтеся, що URL-адреса веб-сайту починається з HTTPS.

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

Динамічне фільтрування дає змогу фільтрувати один список на основі вибраного в іншому списку. У наведеному нижче прикладі бібліотеку "Планування документів" відфільтровано за вибраним елементом у списку Відомості про проект. Вибрано значення "Маркетинг" у стовпці Група проекту, тому в бібліотеці "Планування документів" відображаються лише документи, що належать групі "Маркетинг". 

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

Ось як це зробити:

  1. На сторінці додайте веб-частину "Список " або "Бібліотека" та виберіть список або бібліотеку зі значеннями, за якими потрібно відфільтрувати дані.

  2. Додайте іншу веб-частину списку або веб-частину "Бібліотека " та виберіть список або бібліотеку з відомостями, які потрібно відфільтрувати.

  3. Виберіть веб-частину списку або бібліотеки, яку потрібно відфільтрувати, і натисніть кнопку Редагувати веб-частину Кнопка "Змінити веб-частину" в лівій частині веб-частини.

  4. У розділі Динамічне фільтрування перемістіть перемикач у положення Увімкнуто .

  5. Виберіть стовпець, який потрібно відфільтрувати, у полі Стовпець у [ім'я списку], щоб відфільтрувати його.

  6. У розділі Список або Бібліотека зі значенням фільтра виберіть список або бібліотеку, додані на сторінці на кроці 1.

  7. У розділі Стовпець зі значенням фільтра виберіть стовпець зі значеннями, за якими потрібно відфільтрувати дані.

  8. Натисніть кнопку Застосувати.

    Використовуючи приклад зображення на початку розділу, параметри динамічного фільтрування для бібліотеки "Планування документів" виглядатиме так:

    Бібліотека документів із відкритою областю для параметрів динамічного фільтрування

  9. Коли все буде готово, натисніть кнопку Зберегти як чернетку у верхній частині сторінки або, якщо ви готові, щоб аудиторія відобразяла сторінку, виберіть Опублікувати у верхньому правому куті сторінки.

Потрібна додаткова довідка?

Потрібні додаткові параметри?

Ознайомтеся з перевагами передплати, перегляньте навчальні курси, дізнайтесь, як захистити свій пристрій тощо.

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