Когато добавяте модерна страница към сайт, добавяте и персонализирате уеб части, които са градивните блокове на вашата страница. Можете да свързвате някои уеб части една с друга, за да създадете интерактивна и динамична среда за работа за вашите визуализатори на страници. Можете например да свържете уеб част на библиотека с документи към уеб част "Файл и мултимедия". Когато потребител щракне върху име на файл в списъка на библиотеката с документи, визуализаторът на файлове показва съдържанието на този конкретен файл. Или свържете уеб част за списък към уеб част за вграждане и добавете код по избор за разнообразие от динамични изживявания.
Забележки:
-
Някои функции се въвеждат постепенно в организациите, които са се включили в програмата за целево издание. Това означава, че е възможно все още да не виждате тази функция или тя да изглежда различно от описаното в помощните статии.
-
Уеб частите в тази статия не са налични за използване в класически страници.
Уеб частите, които можете да свържете, включват: уеб частта за свойства на списък, уеб частта "Файл" и "Мултимедия" и уеб частта "Вграждане". Ето някои примери как можете да използвате тези свързани уеб части.
Показване на файл на базата на това, което потребителят избира в библиотека с документи (свързване на уеб част "Файл и мултимедия" към уеб част за библиотека с документи)
В този пример потребителите могат да преглеждат библиотека с документи за кампания и да виждат съдържанието в избран файл, без да излизат от страницата, без да се налага да отварят всеки файл.
За да направите това:
-
На вашата страница добавете уеб част "Библиотека с документи" с библиотеката, която искате да използвате, и добавете уеб част "Файл и мултимедия".
-
Ако добавяте уеб частта "Файл и мултимедия" за първи път, ще се отвори екранът Последни документи. Изберете Отказ долу вдясно на този екран.
-
Изберете Редактиране на уеб част от лявата страна на уеб частта Файл и мултимедия.
-
Изберете многоточието (...) в горния десен ъгъл на екрана на свойството и след това изберетеСвързване към източника.
-
Под Свързване към източника изберете библиотеката с документи, която искате да използвате, от падащия списък.
-
Изберете X в горната част на екрана, за да го затворите.
-
Изберете Запиши като чернова в горния край на страницата.
-
Тествайте връзката си, като изберете документ от библиотеката с документи, която сте избрали. Би трябвало да видите документа, показан в уеб частта "Файл и мултимедия".
-
Когато сте готови аудиторията да види страницата, изберете Публикуване в горния десен ъгъл на страницата.
Показване на елемент в списък въз основа на това, което потребителят избира в уеб част за списък (свързване на уеб част със свойства на списък към уеб част за списък)
Когато имате голям списък с много колони, може да е трудно за потребителите да намерят конкретната информация, която търсят. С уеб частта за свойства на списък потребителят може да избере елемент от уеб частта за списък и да види само стойността(ите), която(които) зададете. В следващия пример уеб частта Списък съдържа списък на регионалните офиси. Когато потребителят избере елемент от списъка, уеб частта Свойства на списъка показва само името на Office и данните за продажби.
За да направите това:
-
На вашата страница добавете уеб част за списък със списъка, който искате да използвате, и след това добавете уеб част със свойства на списък.
-
Изберете Редактиране на уеб част от лявата страна на уеб частта за свойства на списък.
-
Изберете многоточието (...) в горния десен ъгъл на екрана на свойството и след това изберете Свързване към източника.
-
Под Свързване с източник изберете списъка, който искате да използвате, от падащия списък.
-
Под Показване изберете това, което искате потребителят да вижда на вашата страница.
-
Под Полета за показване поставете отметки в квадратчетата до колоните, от които искате да покажете стойности.
-
Изберете Запиши като чернова в горния край на страницата.
-
Тествайте връзката си, като изберете елемент от списъка, който сте избрали. Би трябвало да видите стойността, която сте задали в уеб частта със свойства на списъка.
-
Когато сте готови аудиторията да види страницата, изберете Публикуване в горния десен ъгъл на страницата.
Показване на видео, изображение или местоположение въз основа на това, което потребителят избира в уеб частта "Списък" (свързване на уеб част за вграждане към уеб част за списък)
С уеб частта Вграждане можете да въведете връзки или код за вграждане, който използва променливи, което ви позволява да показвате голямо разнообразие от елементи в зависимост от това, което се избира от визуализатора на страници. Ето три примера за това как можете да показвате избрани изображения, видеоклипове и местоположения.
Показване на избрано видео от YouTube
В този пример уеб частта "Списък" съдържа списък със заглавия и ИД на видео за няколко видеоклипа от YouTube. Когато потребител избере видео от списъка, уеб частта Вграждане показва това видео. Връзката в уеб частта за вграждане използва променлива за представяне на ИД на видеото, избрано от потребител от списъка.
За да направите това:
-
Създайте списък , който има колона "Заглавие" и колона за вашите ИД на видео (както е в примера по-горе). ИД е частта от връзката в YouTube, която идентифицира видеото и се намира след частта "v=" на връзката. Например в следната връзка курсивът е ИД на видео:
https://www.youtube.com/watch?v=0YEPy7HRf60
-
На страницата си добавете уеб част "Списък" и изберете списъка с ИД на видеото.
-
Добавяне на уеб част за вграждане.
-
Изберете Редактиране на уеб част от лявата страна на уеб частта Вграждане.
-
Изберете многоточието (...) в горния десен ъгъл на екрана на свойството и след това изберете Свързване към източника.
-
Под Свързване с източник изберете списъка от падащото меню.
-
Под Адрес на уеб сайт или код за вграждане добавете връзката към YouTube. Вместо да използвате отделен ИД на видео обаче, използвайте името на колоната със списък, която съдържа идентификаторите, като променлива. Променливата се обозначава с отваряща квадратна скоба, $, и затваряща квадратна скоба след името. Ето пример, в който "ИД на видео" е името на колоната:
-
Изберете Запиши като чернова в горния край на страницата.
-
Тествайте връзката си, като изберете елемент от списъка, който сте избрали. Би трябвало да видите видеото, показано в уеб частта Вграждане.
-
Когато сте готови аудиторията да види страницата, изберете Публикуване в горния десен ъгъл на страницата.
Показване на избрано изображение
В този пример уеб частта за списък съдържа заглавия на изображения и URL адреси за изображения, съхранени в сайт на SharePoint. Когато потребител избере изображение от списъка, уеб частта Вграждане показва това изображение. В този пример IFrame кодът се използва в уеб частта Вграждане, а променливата представя връзката към изображението.
За да направите това:
-
Създайте списък , който има колона "Заглавие" и колона за ВАШИТЕ URL адреси на изображения.
Съвет: За да получите URL адрес за вашето изображение, отидете в библиотеката, където се съхранява изображението, щракнете с десния бутон върху изображението и щракнете върху Копирай връзката. След това щракнете върху Копирай. Сега можете да поставите връзката във вашия списък.
-
На вашата страница добавете уеб част списък и изберете списъка с вашите URL адреси на изображения.
-
Добавяне на уеб част за вграждане.
-
Изберете Редактиране на уеб част от лявата страна на уеб частта Вграждане.
-
Изберете многоточието (...) в горния десен ъгъл на екрана на свойството и след това изберетеСвързване към източника.
-
Под Свързване с източник изберете списъка от падащото меню.
-
Под Адрес на уеб сайт или код за вграждане добавете кода за вграждане. В този пример кодът за вграждане е:
<iframe width="693" height="390" src="[$Image URL]" frameborder="0" allowfullscreen="" allow="accelerometer; автоматично изпълнение; шифровани носители; Жироскоп; picture-in-picture"></iframe>
където [$Image URL] е променливата, която представя името на колоната за URL адресите на изображенията.
-
Изберете Запиши като чернова в горния край на страницата.
-
Тествайте връзката си, като изберете елемент от списъка, който сте избрали. Би трябвало да видите изображението, показано в уеб частта Вграждане.
-
Когато сте готови аудиторията да види страницата, изберете Публикуване в горния десен ъгъл на страницата.
Показване на избраното местоположение
В този пример уеб частта "Списък" съдържа местоположения и техните координати. Когато потребител избере местоположение от списъка, уеб частта Вграждане показва това местоположение на карта на Bing. В този пример IFrame кодът се използва в уеб частта Вграждане, а променливите представят координатите.
За да направите това:
-
Създайте списък , който има колона със заглавие и колони за географска дължина и ширина.
-
На страницата си добавете уеб част Списък и изберете списъка с информация за местоположението.
-
Добавяне на уеб част за вграждане.
-
Изберете Редактиране на уеб част от лявата страна на уеб частта Вграждане.
-
Изберете многоточието (...) в горния десен ъгъл на екрана на свойството и след това изберете Свързване към източника.
-
Под Свързване с източник изберете списъка от падащото меню.
-
Под Адрес на уеб сайт или код за вграждане добавете кода за вграждане. В този пример кодът за вграждане е:
<iframe width="500" height="400" src="https://www.bing.com/maps/embed?h=400& w=500& cp=[$Latitude]~[$Longitude]& lvl=13& typ=d& sty=r& src=SHELL&и FORM=MBEDV8" frameborder="0" scrolling="no"> </iframe>
където [$Latitude] и [$Longitude] са променливите, които представят имената на колоните за всяка от тези точки.
-
Изберете Запиши като чернова в горния край на страницата.
-
Тествайте връзката си, като изберете елемент от списъка, който сте избрали. Би трябвало да видите карта на Bing, която показва местоположението, показано в уеб частта Вграждане.
-
Когато сте готови аудиторията да види страницата, изберете Публикуване в горния десен ъгъл на страницата.
Забележки:
-
Кодът за вграждане трябва да бъде базиран на iframe (т.е. да започва и завършва с <iframe> етикети). Не се поддържа код за вграждане, който използва <скрипт> етикети.
-
Само защитени уеб сайтове могат да бъдат вградени. Уверете се, че URL адресът на уеб сайта започва с HTTPS.
Филтриране на списък въз основа на селекция в друг списък или библиотека
С динамичното филтриране можете да филтрирате един списък въз основа на селекция, направена в друг списък. В следващия пример библиотеката с документи за планиране е филтрирана по селекция в списъка Информация за проекта. Стойността "Маркетинг" в колоната Екип на Project е избрана, така че само документите, които са собственост на маркетинговия екип, се показват в библиотеката с документи за планиране.
За да направите това:
-
На вашата страница добавете уеб част "Списък" или уеб част "Библиотека" и изберете списъка или библиотеката със стойностите, по които искате да филтрирате.
-
Добавете друга уеб част за списък или уеб част "Библиотека" и изберете списъка или библиотеката, съдържащи информацията, която искате да филтрирате.
-
Изберете уеб частта за списък или библиотека, която искате да филтрирате, и изберете Редактиране на уеб част от лявата страна на уеб частта.
-
Под Динамично филтриране плъзнете превключвателя в положение Вкл .
-
Изберете колоната, която искате да филтрирате, в полето Колона в [името на вашия списък], която искате да филтрирате.
-
Под Списък или Библиотека, съдържащи стойност на филтър изберете списъка или библиотеката, които сте добавили към вашата страница в стъпка 1.
-
Под Колона, съдържаща стойността на филтъра изберете колоната със стойностите, по които искате да филтрирате.
-
Изберете Приложи.
Като използвате примерното изображение в началото на раздела, опциите за динамично филтриране за библиотеката "Документи за планиране" ще изглеждат по следния начин:
-
Когато сте готови, изберете Запиши като чернова в горния край на страницата или ако сте готови аудиторията ви да види страницата, изберете Публикуване в горния десен ъгъл на страницата.