Applies ToProgram Microsoft Office SharePoint Online na platformie Microsoft 365

Gdy dodajesz nowoczesną stronę do witryny, dodajesz i dostosowujesz składniki Web Part, czyli bloki konstrukcyjne strony. Niektóre składniki Web Part można połączyć ze sobą, aby utworzyć interakcyjne i dynamiczne środowisko dla osób przeglądających strony. Możesz na przykład połączyć składnik Web Part biblioteki dokumentów ze składnikiem Web Part Plik i multimedia. Gdy użytkownik kliknie nazwę pliku na liście Biblioteka dokumentów, przeglądarka plików wyświetli zawartość tego konkretnego pliku. Możesz też połączyć składnik Web Part listy ze składnikiem Web Part Osadź i dodać kod niestandardowy dla różnych środowisk dynamicznych. 

Uwagi: 

  • Niektóre funkcje są wprowadzane stopniowo w organizacjach, które uczestniczą w programie udostępniania kierowanego. 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.

Do składników Web Part, które można łączyć, należą: składnik Web Part właściwości listy, składnik Web Part Plik i multimedia oraz Osadź składnik Web Part. Oto kilka przykładów użycia tych połączonych składników Web Part.

Pokazywanie pliku na podstawie zawartości wybranej przez użytkownika w bibliotece dokumentów (łączenie składnika Web Part plików i multimediów ze 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 wraz z biblioteką, którego chcesz użyć, i dodaj składnik Web Part Plik i Multimedia.

  2. Jeśli dodajesz składnik Web Part Plik i multimedia po raz pierwszy, zostanie otwarte okienko Ostatnio używane dokumenty. Wybierz pozycję Anuluj w prawym dolnym rogu tego okienka.

  3. Wybierz pozycję Edytuj składnik Web Part Przycisk edycji składnika Web Part po lewej stronie składnika Web Part Plik i multimedia.

  4. Wybierz wielokropek (...) w prawym górnym rogu okienka właściwości, a następnie wybierz pozycjęPołącz ze źródłem.

    Przycisk Połącz ze źródłem
  5. W obszarze Połącz ze źródłem wybierz z listy rozwijanej bibliotekę dokumentów, z których chcesz korzystać.

    Okienko właściwości podglądu plików z listą rozwijaną Łączenie ze źródłem
  6. Wybierz znak X w górnej części okienka, aby go zamknąć.

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

  8. Przetestuj połączenie, wybierając dokument z wybranej biblioteki dokumentów. Dokument powinien być wyświetlany w składniku Web Part Plik i multimedia.

  9. Gdy chcesz, aby odbiorcy widzieli stronę, wybierz pozycję Publikuj w prawym górnym rogu strony.

Pokazywanie elementu na liście na podstawie tego, co użytkownik wybiera w składniku Web Part listy (łączenie składnika Web Part właściwości listy ze składnikiem Web Part listy)

Jeśli masz dużą listę z wieloma kolumnami, użytkownikom może być trudno znaleźć konkretne informacje, których szukają. Za pomocą składnika 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, składnik Web Part właściwości listy wyświetla tylko nazwę pakietu Office i dane sprzedaży.

Przykład listy połączonej ze składnikiem Web Part Właściwości listy

W tym celu:

  1. Na stronie dodaj składnik Web Part listy zawierający listę, którego chcesz użyć, a następnie dodaj składnik Web Part Właściwości listy.

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

  3. Wybierz wielokropek (...) w prawym górnym rogu okienka właściwości, a następnie wybierz pozycję Połącz ze źródłem.

    Przycisk Połącz ze źródłem
  4. W obszarze Połącz ze źródłem wybierz z listy rozwijanej listę, która ma być używana.

  5. W obszarze Wyświetlanie wybierz, co użytkownik ma widzieć na stronie. 

  6. W obszarze Pola do wyświetlenia zaznacz pola wyboru obok kolumn, z których chcesz wyświetlić wartości.

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

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

  9. Gdy chcesz, aby odbiorcy widzieli stronę, wybierz pozycję Publikuj w prawym górnym rogu strony.

Pokazywanie klipu wideo, obrazu lub lokalizacji na podstawie zawartości wybranej przez użytkownika w składniku Web Part listy (łączenie składnika Web Part osadzania ze składnikiem Web Part listy)

Za pomocą składnika Web Part Osadź możesz wprowadzać linki lub kod osadzania, w których są używane zmienne, co umożliwia wyświetlanie wielu różnych elementów w zależności od tego, co wybierze przeglądarka strony. Poniżej przedstawiono trzy przykłady wyświetlania wybranych obrazów, klipów wideo i lokalizacji.

Pokazywanie wybranego klipu wideo z witryny YouTube

W tym przykładzie składnik Web Part listy zawiera listę z tytułami klipów wideo i identyfikatorami dla kilku klipów wideo z witryny YouTube. Gdy użytkownik wybierze klip wideo z listy, ten klip wideo zostanie wyświetlony w składniku Web Part Osadzanie. Link w składniku Web Part Osadzanie używa zmiennej do reprezentowania identyfikatora 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, która identyfikuje klip wideo, i znajduje się po części "v=" linku. Na przykład w poniższym linku kursywą jest identyfikator wideo:

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

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

  3. Dodawanie składnika Web Part osadzania.

  4. Wybierz pozycję Edytuj składnik Web Part Przycisk edycji składnika Web Part po lewej stronie składnika Web Part Osadzanie.

  5. Wybierz wielokropek (...) w prawym górnym rogu okienka właściwości, a następnie wybierz pozycję Połącz ze źródłem.

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

  7. W obszarze Adres witryny internetowej lub kod osadzania dodaj link YouTube. Jednak zamiast pojedynczego identyfikatora wideo użyj jako zmiennej nazwy kolumny listy zawierającej identyfikatory. Zmienna jest oznaczana nawiasem otwierającym, symbolem $i nawiasem zamykającym po nazwie. Oto przykład, w którym identyfikator wideo to nazwa kolumny:

    Okienko właściwości składnika Web Part z wyświetloną połączoną listą

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

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

  10. Gdy chcesz, aby odbiorcy widzieli stronę, wybierz pozycję Publikuj w prawym górnym rogu strony.

Pokazywanie zaznaczonego obrazu

W tym przykładzie składnik Web Part listy zawiera tytuły obrazów i adresy URL obrazów przechowywanych w witrynie programu SharePoint. Gdy użytkownik wybierze obraz z listy, ten obraz zostanie wyświetlony w składniku Web Part Osadzanie. W tym przykładzie kod IFrame jest używany w składniku Web Part Osadzanie, 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ę dla adresów URL obrazów.

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

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

  3. Dodawanie składnika Web Part osadzania.

  4. Wybierz pozycję Edytuj składnik Web Part Przycisk edycji składnika Web Part po lewej stronie składnika Web Part Osadzanie.

  5. Wybierz wielokropek (...) w prawym górnym rogu okienka właściwości, a następnie wybierz pozycjęPołącz ze źródłem.

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

  7. W obszarze Adres witryny sieci Web lub kod osadzania dodaj kod osadzania. W tym przykładzie kod osadzania to:

    <iframe width="693" height="390" src="[$Image URL]" frameborder="0" allowfullscreen="" allow="przyspieszeniomierz; autoodtwarzanie; zaszyfrowane multimedia; żyroskop; obraz w obrazie"></iframe>

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

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

  9. Przetestuj połączenie, wybierając element z wybranej listy. Obraz powinien być wyświetlany w składniku Web Part Osadzanie.

  10. Gdy chcesz, aby odbiorcy widzieli stronę, wybierz pozycję Publikuj w prawym górnym rogu strony.

Pokazywanie wybranej lokalizacji

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

Przykład połączonego składnika Web Part Osadzanie z wyświetloną lokalizacją z listy

W tym celu:

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

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

  3. Dodawanie składnika Web Part osadzania.

  4. Wybierz pozycję Edytuj składnik Web Part Przycisk edycji składnika Web Part po lewej stronie składnika Web Part Osadzanie.

  5. Wybierz wielokropek (...) w prawym górnym rogu okienka właściwości, a następnie wybierz pozycję Połącz ze źródłem.

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

  7. W obszarze Adres witryny sieci Web lub kod osadzania dodaj 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; typ=d&amp; sty=r&amp; src=SHELL&amp; FORM=MBEDV8" frameborder="0" scrolling="no"> </iframe>

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

    Przykład kodu osadzania w celu wyświetlenia lokalizacji
  8. Wybierz pozycję Zapisz jako wersję roboczą u góry strony.

  9. Przetestuj połączenie, wybierając element z wybranej listy. Powinna zostać wyświetlona mapa usługi Bing z wyświetloną lokalizacją w składniku Web Part Osadzanie.

  10. Gdy chcesz, aby odbiorcy widzieli stronę, wybierz pozycję Publikuj w prawym górnym rogu strony.

Uwagi: 

  • Kod osadzania musi być oparty na elementach iframe (tj. rozpoczynanie i kończynie się tagami> iframe <). Kod osadzania używający skryptu <> tagów 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.

Filtrowanie listy na podstawie zaznaczenia na innej liście lub w innej bibliotece

Filtrowanie dynamiczne umożliwia filtrowanie jednej listy na podstawie wyboru dokonanego na innej liście. W poniższym przykładzie biblioteka Dokumenty planowania jest filtrowana według zaznaczenia na liście Informacje o projekcie. Wartość "Marketing" w kolumnie Zespół projektu jest zaznaczona, więc w bibliotece Dokumenty planowania są wyświetlane tylko dokumenty należące do zespołu marketingowego. 

Lista dynamicznie filtrowana

W tym celu:

  1. Na stronie dodaj składnik Web Part listy lub Składnik Web Part biblioteki i wybierz listę lub bibliotekę z wartościami, według których chcesz filtrować.

  2. Dodaj kolejny składnik Web Part listy lub składnik Web Part Biblioteki i wybierz listę lub bibliotekę zawierającą informacje, które chcesz filtrować.

  3. Zaznacz składnik Web Part listy lub biblioteki, który chcesz filtrować, a następnie wybierz pozycję Edytuj składnik Web Part Przycisk edycji składnika Web Part po lewej stronie składnika Web Part.

  4. W obszarze Filtrowanie dynamiczne przesuń przełącznik do pozycji Włączone .

  5. Zaznacz kolumnę, którą chcesz filtrować, w polu Kolumna w polu [nazwa listy] do filtrowania.

  6. W obszarze Lista lub Biblioteka zawierająca wartość filtru wybierz listę lub bibliotekę dodawaną do strony w kroku 1.

  7. W obszarze Kolumna zawierająca wartość filtru wybierz kolumnę zawierającą wartości, według których chcesz filtrować dane.

  8. Wybierz opcję Zastosuj.

    Korzystając z przykładowego obrazu na początku sekcji, opcje filtrowania dynamicznego dla biblioteki Dokumentów planowania będą wyglądać następująco:

    Biblioteka dokumentów z otwartym okienkiem, aby uzyskać opcje filtrowania dynamicznego

  9. Po zakończeniu wybierz pozycję Zapisz jako wersję roboczą u góry strony lub jeśli chcesz, aby odbiorcy widzieli tę stronę, wybierz pozycję Publikuj w prawym górnym rogu strony.

Potrzebujesz dalszej pomocy?

Chcesz uzyskać więcej opcji?

Poznaj korzyści z subskrypcji, przeglądaj kursy szkoleniowe, dowiedz się, jak zabezpieczyć urządzenie i nie tylko.

Społeczności pomagają zadawać i odpowiadać na pytania, przekazywać opinie i słuchać ekspertów z bogatą wiedzą.