Łączenie składników Web Part w usłudze SharePoint Online

Łączenie składników Web Part w usłudze SharePoint Online

Uwaga: Staramy się udostępniać najnowszą zawartość Pomocy w Twoim języku tak szybko, jak to możliwe. Ta strona została przetłumaczona automatycznie i może zawierać błędy gramatyczne lub nieścisłości. Chcemy, aby ta zawartość była dla Ciebie przydatna. Prosimy o powiadomienie nas, czy te informacje były pomocne, u dołu tej strony. Oto angielskojęzyczny artykuł do wglądu.

Dodanie strony Modern do witrynypolega na dodawaniu i dostosowywaniu składników Web Part, które są blokami konstrukcyjnymi strony. Niektóre składniki Web Part można połączyć ze sobą, aby utworzyć interaktywny i dynamiczny sposób obsługi osób przeglądających strony. Na przykład można połączyć składnik Web Part biblioteki dokumentów ze składnikiem Web Part podglądu plików. Gdy użytkownik kliknie nazwę pliku na liście Biblioteka dokumentów, w przeglądarce plików zostanie wyświetlona zawartość określonego pliku. Możesz też połączyć składnik Web Part listy ze składnikiem Web Part osadzania i dodać niestandardowy kod do różnych funkcji dynamicznych.

Uwagi: 

  • Niektóre funkcje są wprowadzane stopniowo do organizacji, które zostały włączone do programu udostępniania docelowego. To znaczy, że ta funkcja może jeszcze nie być dostępna lub może się ona różnić wyglądem od tego, co opisano w artykułach Pomocy.

  • Składniki Web Part w tym artykule nie są dostępne do użytku na stronach klasycznych.

Składniki Web Part, które można łączyć: składnik Web Part właściwości listy, składnik Web Part Podgląd plików i składnik Web Part embed. Oto kilka przykładów tego, jak można korzystać z tych połączonych składników Web Part.

Wyświetlanie pliku w oparciu o zawartość wybraną przez użytkownika w bibliotece dokumentów (łączenie składnika Web Part podglądu plików z składnikiem Web Part biblioteki dokumentów)

W tym przykładzie użytkownicy mogą przeglądać bibliotekę dokumentów kampanii i wyświetlać zawartość w wybranym pliku bez opuszczania strony i bez konieczności otwierania poszczególnych plików.

Przykład składnika Web Part podglądu plików połączonego z biblioteką dokumentów

W tym celu:

  1. Na stronie Dodaj składnik Web Part biblioteki dokumentów z biblioteką, której chcesz użyć, i Dodaj składnik Web Part podglądu plików.

  2. W przypadku dodawania składnika Web Part podglądu plików po raz pierwszy zostanie otwarte okienko ostatnio używane dokumenty. Kliknij przycisk Anuluj w prawym dolnym rogu tego okienka.

  3. Kliknij pozycję Edytuj składnik Web Part Przycisk Edytuj składnika Web Part po lewej stronie składnika Web Part podglądu plików.

  4. Kliknij wielokropek (...) w prawej górnej części okienka właściwości, a następnie kliknij pozycję Połącz z źródłem.

    Przycisk Połącz z źródłem
  5. W obszarze Połącz z źródłemwybierz z listy rozwijanej bibliotekę dokumentów, której chcesz użyć.

    Okienko właściwości przeglądarka plików z listą rozwijaną Połącz z źródłem
  6. Kliknij znak X w górnej części okienka, aby go zamknąć.

  7. Kliknij pozycję Zapisz jako wersję roboczą u góry strony.

  8. Przetestuj połączenie, wybierając dokument z wybranej biblioteki dokumentów. Dokument powinien być widoczny w składniku Web Part podglądu plików.

  9. Gdy wszystko będzie gotowe do wyświetlenia strony, kliknij pozycję Publikuj w prawej górnej części strony.

Wyświetlanie elementu listy w oparciu o zawartość wybraną przez użytkownika w składniku Web Part listy (łączenie składnika Web Part właściwości listy z składnikiem Web Part listy)

W przypadku dużej listy z wieloma kolumnami może być trudne, aby użytkownicy mogli znaleźć konkretne informacje, których szukasz. W składniku Web Part właściwości listy użytkownik może wybrać element ze składnika Web Part listy i wyświetlić tylko określone wartości. W poniższym przykładzie składnik Web Part listy zawiera listę biur regionalnych. Gdy użytkownik wybierze element z listy, w składniku Web Part właściwości listy jest wyświetlana tylko nazwa pakietu Office i dane dotyczące sprzedaży.

Przykładowa lista połączona ze składnikiem Web Part właściwości listy

W tym celu:

  1. Na stronie Dodaj składnik Web Part listy z listą, której chcesz użyć, a następnie Dodaj składnik Web Part właściwości listy.

  2. Kliknij pozycję Edytuj składnik Web Part Przycisk Edytuj składnika Web Part po lewej stronie składnika Web Part właściwości listy.

  3. Kliknij wielokropek (...) w prawej górnej części okienka właściwości, a następnie kliknij pozycję Połącz z źródłem.

    Przycisk Połącz z źródłem
  4. W obszarze Połącz z źródłemwybierz z listy rozwijanej listę, której chcesz użyć.

  5. W obszarze Wyświetlaniewybierz elementy, które mają być widoczne dla użytkownika na stronie. 

  6. W obszarze pola do wyświetleniazaznacz pola wyboru obok kolumn, z których mają być wyświetlane wartości.

    Okienko składnika Web Part właściwości listy
  7. Kliknij pozycję Zapisz jako wersję roboczą u góry strony.

  8. Przetestuj połączenie, wybierając element z wybranej listy. Powinna być widoczna wartość określona w składniku Web Part właściwości listy.

  9. Gdy wszystko będzie gotowe do wyświetlenia strony, kliknij pozycję Publikuj w prawej górnej części strony.

Wyświetlanie klipu wideo, obrazu lub lokalizacji na podstawie elementów wybranych przez użytkownika w składniku Web Part listy (łączenie składnika Web Part osadzania ze składnikiem Web Part listy)

Składnik Web Part embed umożliwia wprowadzanie łączy lub kodu osadzania, które używają zmiennych, co umożliwia wyświetlanie wielu elementów w zależności od tego, co będzie widoczne w przeglądarce stron. Oto trzy przykłady sposobu wyświetlania wybranych obrazów, klipów wideo i lokalizacji.

PoKazywanie zaznaczonego klipu wideo w witrynie YouTube

W tym przykładzie składnik Web Part listy zawiera listę z tytułami i identyfikatorami wideo dla kilku klipów wideo w witrynie YouTube. Gdy użytkownik wybierze klip wideo z listy, składnik Web Part osadzania pokazuje ten klip wideo. Łącze w składniku Web Part embed używa zmiennej do reprezentowania identyfikatora wideo klipu wideo wybranego przez użytkownika z listy.

Przykład składnika Web Part osadzania połączonego z listą

W tym celu:

  1. Utwórz listę zawierającą kolumnę tytuł i kolumnę identyfikatorów wideo (jak w powyższym przykładzie). Identyfikator to część linku z witryny YouTube identyfikująca klip wideo, którą można znaleźć po części "v =" łącza. Na przykład w poniższym łączu nachylona kursywa jest IDENTYFIKATORem wideo:

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

  2. Na stronie Dodaj składnik Web Part listy i wybierz listę z identyfikatorami wideo.

  3. Dodaj składnik Web Part embed.

  4. Kliknij pozycję Edytuj składnik Web Part Przycisk Edytuj składnika Web Part po lewej stronie składnika Web Part embed.

  5. Kliknij wielokropek (...) w prawej górnej części okienka właściwości, a następnie kliknij pozycję Połącz z źródłem.

    Przycisk Połącz z źródłem
  6. W obszarze Połącz z źródłemwybierz listę z listy rozwijanej.

  7. W obszarze adres witryny sieci Web lub kod osadzaniaDodaj link YouTube. Zamiast używać pojedynczego identyfikatora wideo, użyj nazwy kolumny listy, która zawiera identyfikatory jako zmienną. Zmienna jest oznaczona przez nawias otwierający, a znak $ i zamykający nawias klamrowy po nazwie. Oto przykład, w którym IDENTYFIKATORem wideo jest nazwa kolumny:

    Okienko właściwości składnika Web Part embed zawierające połączone listy

  8. Kliknij pozycję Zapisz jako wersję roboczą u góry strony.

  9. Przetestuj połączenie, wybierając element z wybranej listy. Klip wideo powinien być widoczny w składniku Web Part embed.

  10. Gdy wszystko będzie gotowe do wyświetlenia strony, kliknij pozycję Publikuj w prawej górnej części strony.

PoKazywanie zaznaczonego obrazu

W tym przykładzie składnik Web Part listy zawiera tytuły i adresy URL obrazów przechowywanych w witrynie programu SharePoint. Gdy użytkownik wybierze obraz z listy, składnik Web Part embed wyświetli ten obraz. W tym przykładzie kod ramki IFrame jest wykorzystywany w składniku Web Part embed, a zmienna reprezentuje link obrazu.

Przykład składnika Web Part osadzania połączonego z listą obrazów

W tym celu:

  1. Utwórz listę zawierającą kolumnę tytuł i kolumnę adresów URL obrazów.

    Porada: Aby uzyskać adres URL obrazu, przejdź do biblioteki, w której jest przechowywany obraz, kliknij prawym przyciskiem myszy obraz, a następnie kliknij polecenie Kopiuj link. Następnie kliknij pozycję Kopiuj. Teraz możesz wkleić link do listy.

  2. Na stronie Dodaj składnik Web Part listy i wybierz listę zawierającą adresy URL obrazów.

  3. Dodaj składnik Web Part embed.

  4. Kliknij pozycję Edytuj składnik Web Part Przycisk Edytuj składnika Web Part po lewej stronie składnika Web Part embed.

  5. Kliknij wielokropek (...) w prawej górnej części okienka właściwości, a następnie kliknij pozycję Połącz z źródłem.

    Przycisk Połącz z źródłem
  6. W obszarze Połącz z źródłemwybierz listę z listy rozwijanej.

  7. W obszarze adres witryny sieci Web lub kod osadzaniaDodaj swój kod osadzania. W tym przykładzie kod osadzania to:

    <iframe width = "693" Height = "390" src = "[$Image adres URL]" Frameborder = "0" allowFullScreen = "Allow =" przyspieszeniomierz; Odtwarzanie szyfrowane-nośniki; Gyroscope; obraz w obrazie "></iframe>

    gdzie [$Image URL] to zmienna reprezentująca nazwę kolumny dla adresów URL obrazu.

    Przykład kodu osadzania wybranego obrazu
  8. Kliknij pozycję Zapisz jako wersję roboczą u góry strony.

  9. Przetestuj połączenie, wybierając element z wybranej listy. W składniku Web Part embed powinny być wyświetlane theimage.

  10. Gdy wszystko będzie gotowe do wyświetlenia strony, kliknij pozycję Publikuj w prawej górnej części strony.

PoKazywanie wybranej lokalizacji

W tym przykładzie składnik Web Part listy zawiera lokalizacje i ich współrzędne. Gdy użytkownik wybierze lokalizację z listy, składnik Web Part osadzania pokazuje tę lokalizację na mapie Bing. W tym przykładzie kod ramki IFrame jest wykorzystywany w składniku Web Part embed, a zmienne reprezentują współrzędne.

Przykład połączonego składnika Web Part osadzania przedstawiającego lokalizację z listy

W tym celu:

  1. Utwórz listę zawierającą kolumnę tytuł i kolumny dla długości geograficznej i szerokości geograficznej.

  2. Na stronie Dodaj składnik Web Part listy i wybierz listę z informacjami o lokalizacji.

  3. Dodaj składnik Web Part embed.

  4. Kliknij pozycję Edytuj składnik Web Part Przycisk Edytuj składnika Web Part po lewej stronie składnika Web Part embed.

  5. Kliknij wielokropek (...) w prawej górnej części okienka właściwości, a następnie kliknij pozycję Połącz z źródłem.

    Przycisk Połącz z źródłem
  6. W obszarze Połącz z źródłemwybierz listę z listy rozwijanej.

  7. W obszarze adres witryny sieci Web lub kod osadzaniaDodaj swój kod osadzania. W tym przykładzie kod osadzania to:

    <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; Type = d&amp; sty = r&amp; src = SHELL&amp; FORM = MBEDV8 "Frameborder =" 0 "przewijania =" No "> </iframe>

    gdzie [$Latitude] i [$Longitude] to zmienne reprezentujące nazwy kolumn dla każdego z tych punktów.

    Przykładowy kod osadzania umożliwiający wyświetlanie lokalizacji
  8. Kliknij pozycję Zapisz jako wersję roboczą u góry strony.

  9. Przetestuj połączenie, wybierając element z wybranej listy. Powinna być widoczna Mapa Bing pokazująca lokalizację wyświetlaną w składniku Web Part embed.

  10. Gdy wszystko będzie gotowe do wyświetlenia strony, kliknij pozycję Publikuj w prawej górnej części strony.

Uwagi: 

  • Kod osadzania musi być oparty na ramce iframe (to znaczy zaczynać się i kończyć znacznikami <iframe>). Kod osadzania, który używa tagów <script> nie jest obsługiwany.

  • Można osadzić tylko bezpieczne witryny sieci Web. Upewnij się, że adres URL witryny sieci Web zaczyna się od protokołu HTTPS.

Rozwijaj umiejętności związane z pakietem Office
Poznaj szkolenia
Uzyskuj nowe funkcje w pierwszej kolejności
Dołącz do niejawnych testerów pakietu Office

Czy te informacje były pomocne?

Dziękujemy za opinię!

Dziękujemy za opinię! Wygląda na to, że połączenie Cię z jednym z naszych agentów pomocy technicznej pakietu Office może być pomocne.

×