Applies ToSharePoint rakenduses Microsoft 365

Saidile uudse lehe lisamisel saate lisada ja kohandada lehe koosteüksusteks olevaid veebiosi. Saate lehevaaturite jaoks interaktiivse ja dünaamilise kasutuskogemuse loomiseks ühendada mõned veebiosad omavahel. Näiteks saate dokumenditeegi veebiosa ühendada faili ja meediumi veebiosaga. Kui kasutaja klõpsab dokumenditeegi loendis failinime, kuvab failivaatur selle faili sisu. Samuti saate loendi veebiosa ühendada manustatud veebiosaga ja lisada mitmesuguste dünaamiliste funktsioonide jaoks kohandatud koodi. 

Märkused: 

  • Mõned funktsioonid tehakse sihtväljaannete kavaga liitunud organisatsioonidele kättesaadavaks järk-järgult. See tähendab, et te ei pruugi seda funktsiooni veel näha või selle välimus võib spikriartiklites kirjeldatust erineda.

  • Selle artikli veebiosad pole klassikalistel lehtedel kasutamiseks saadaval.

Ühendatavad veebiosad on näiteks loendi atribuutide veebiosa, faili ja meediumi veebiosa ja manustamisveebiosa. Siin on mõned näited selle kohta, kuidas saate neid ühendatud veebiosi kasutada.

Faili kuvamine selle põhjal, mida kasutaja dokumenditeegis valib (faili- ja meediumifaili veebiosa ühendamine dokumenditeegi veebiosaga)

Selles näites saavad kasutajad sirvida kampaaniadokumentide teeki ja vaadata valitud faili sisu lehelt lahkumata ja iga faili avamata.

Dokumenditeegiga ühendatud failivaaturi veebiosa näide

Selleks tehke järgmist.

  1. Lisage lehel dokumenditeegi veebiosa koos teegiga, mida soovite kasutada, ning lisage veebiosa Fail ja Meedium.

  2. Kui lisate faili ja meediumi veebiosa esimest korda, avaneb paan Viimatised dokumendid. Klõpsake selle paani paremas allnurgas nuppu Loobu .

  3. Valige veebiosa Fail ja Meedium vasakus servas Redigeeri veebiosa Veebiosa redigeerimisnupp .

  4. Valige atribuudipaani paremas ülanurgas kolmikpunkt (...) ja seejärel valigeLoo ühendus allikaga.

    Nupp Loo ühendus allikaga
  5. Valige jaotises Allikaga ühenduse loomine ripploendist dokumenditeek, mida soovite kasutada.

    Failivaaturi atribuudipaan koos allikaga ühenduse loomise ripploendiga
  6. Paani sulgemiseks valige paani ülaservas X .

  7. Valige lehe ülaservas Salvesta mustandina .

  8. Ühenduse testimiseks valige valitud dokumenditeegist soovitud dokument. Dokument peaks olema kuvatud veebiosas Fail ja Meedium.

  9. Kui olete valmis lehte publikule kuvama, valige lehe paremas ülanurgas Avalda .

Loendiüksuse kuvamine selle põhjal, mida kasutaja loendi veebiosas valib (loendi atribuutide veebiosa ühendamine loendi veebiosaga)

Kui teil on suur loend, kus on palju veerge, võib kasutajatel olla raske leida otsitavat konkreetset teavet. Loendi atribuutide veebiosa abil saab kasutaja loendi veebiosast üksuse valida ja vaadata ainult teie määratud väärtusi. Järgmises näites sisaldab loendi veebiosa piirkondlike kontorite loendit. Kui kasutaja valib loendist üksuse, kuvatakse veebiosas Loendi atribuudid ainult Office'i nimi ja Müügiandmed.

Example of a list connected with a List properties web part

Selleks tehke järgmist.

  1. Lisage lehel loendi veebiosa loendiga, mida soovite kasutada, ja seejärel lisage loendi atribuutide veebiosa.

  2. Valige loendi atribuutide veebiosa vasakus servas Redigeeri veebiosa Veebiosa redigeerimisnupp .

  3. Valige atribuudipaani paremas ülanurgas kolmikpunkt (...) ja seejärel valige Loo ühendus allikaga.

    Nupp Loo ühendus allikaga
  4. Valige jaotises Allikaga ühenduse loomine ripploendist loend, mida soovite kasutada.

  5. Valige jaotises Kuvamine, mida soovite, et kasutaja lehel näeks. 

  6. Märkige jaotises Kuvatavad väljad nende veergude ruudud, mille väärtusi soovite kuvada.

    Loendiatribuutide veebiosapaan
  7. Valige lehe ülaservas Salvesta mustandina .

  8. Ühenduse testimiseks valige valitud loendist üksus. Peaksite nägema veebiosas Loendi atribuudid määratud väärtust.

  9. Kui olete valmis lehte publikule kuvama, valige lehe paremas ülanurgas Avalda .

Kuva video, pilt või asukoht selle põhjal, mida kasutaja loendi veebiosas valib (manustamisveebiosa ühendamine loendi veebiosaga)

Manustamisveebiosa abil saate sisestada muutujaid kasutavaid linke või manustamiskoodi, mis võimaldab olenevalt lehevaaturi valikust kuvada mitmesuguseid üksusi. Siin on kolm näidet valitud piltide, videote ja asukohtade kuvamise kohta.

Valitud YouTube'i video kuvamine

Selles näites sisaldab veebiosa Loend mitme YouTube'i video pealkirjade ja ID-dega loendit. Kui kasutaja valib loendist video, näitab manustamisveebiosa seda videot. Manustamisveebiosa link kasutab muutujat kasutaja poolt loendist valitud video ID esitamiseks.

Näide loendiga ühendatud manustamisveebiosast

Selleks tehke järgmist.

  1. Looge loend , mis sisaldab teie video-ID-de jaoks veergu Pealkiri ja veergu (nagu ülaltoodud näites). ID on videot tuvastava YouTube'i lingi osa, mis kuvatakse lingi osa "v=" järel. Näiteks järgmises lingis on kursiivis osa video ID:

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

  2. Lisage lehel loendi veebiosa ja valige video-ID-dega loend.

  3. Saate lisada manustamisveebiosa.

  4. Valige manustamisveebiosa vasakus servas Redigeeri veebiosa Veebiosa redigeerimisnupp .

  5. Valige atribuudipaani paremas ülanurgas kolmikpunkt (...) ja seejärel valige Loo ühendus allikaga.

    Nupp Loo ühendus allikaga
  6. Valige jaotises Allikaga ühenduse loomine ripploendist soovitud loend.

  7. Lisage jaotises Veebisaidi aadress või manustamiskood YouTube'i link. Üksiku video-ID kasutamise asemel kasutage muutujana ID-sid sisaldava loendiveeru nime. Muutujat tähistab nime järel vasaknurksulg, $ja lõpunurksulg. Siin on näide, kus video ID on veeru nimi:

    Manusta veebiosa atribuudipaan, kus on kuvatud ühendatud loend

  8. Valige lehe ülaservas Salvesta mustandina .

  9. Ühenduse testimiseks valige valitud loendist üksus. Video peaks olema kuvatud manustamisveebiosas.

  10. Kui olete valmis lehte publikule kuvama, valige lehe paremas ülanurgas Avalda .

Valitud pildi kuvamine

Selles näites sisaldab veebiosa Loend SharePointi saidil talletatud piltide tiitleid ja URL-e. Kui kasutaja valib loendist pildi, kuvatakse manustamisveebiosas see pilt. Selles näites kasutatakse manustamisveebiosas IFrame'i koodi ja muutuja tähistab pildilinki.

Piltloendiga ühendatud manustamisveebiosa näide

Selleks tehke järgmist.

  1. Saate luua loendi , mis sisaldab teie pildi URL-ide jaoks veergu Pealkiri ja veergu.

    Näpunäide.: Pildi URL-i hankimiseks avage teek, kuhu pilt on salvestatud, paremklõpsake pilti ja klõpsake käsku Kopeeri link. Seejärel klõpsake nuppu Kopeeri. Nüüd saate lingi loendisse kleepida.

  2. Lisage lehel loendi veebiosa ja valige loend oma pildi URL-idega.

  3. Saate lisada manustamisveebiosa.

  4. Valige manustamisveebiosa vasakus servas Redigeeri veebiosa Veebiosa redigeerimisnupp .

  5. Valige atribuudipaani paremas ülanurgas kolmikpunkt (...) ja seejärel valigeLoo ühendus allikaga.

    Nupp Loo ühendus allikaga
  6. Valige jaotises Allikaga ühenduse loomine ripploendist soovitud loend.

  7. Lisage jaotises Veebisaidi aadress või manustamiskood oma manustamiskood. Selles näites on manustamiskood järgmine:

    <iframe width="693" height="390" src="[$Image URL]" frameborder="0" allowfullscreen="" allow="accelerometer; automaatesitus; krüptitud andmekandja; güroskoop; picture-in-picture"></iframe>

    kus [$Image URL] on muutuja, mis tähistab pildi URL-ide veerunime.

    Valitud pildi manustamiskoodi näide
  8. Valige lehe ülaservas Salvesta mustandina .

  9. Ühenduse testimiseks valige valitud loendist üksus. Peaksite nägema pilti veebiosas Manustamine.

  10. Kui olete valmis lehte publikule kuvama, valige lehe paremas ülanurgas Avalda .

Valitud asukoha kuvamine

Selles näites sisaldab loendi veebiosa asukohti ja nende koordinaate. Kui kasutaja valib loendist asukoha, kuvatakse manustamisveebiosas see asukoht Bingi kaardil. Selles näites kasutatakse manustamisveebiosas IFrame'i koodi ja muutujad tähistavad koordinaate.

Example of a connected Embed web part showing a location from a list

Selleks tehke järgmist.

  1. Looge loend , mis sisaldab veergu Pealkiri ning veerge pikkus- ja laiuskraadide jaoks.

  2. Lisage lehel loendi veebiosa ja valige asukohateabega loend.

  3. Saate lisada manustamisveebiosa.

  4. Valige manustamisveebiosa vasakus servas Redigeeri veebiosa Veebiosa redigeerimisnupp .

  5. Valige atribuudipaani paremas ülanurgas kolmikpunkt (...) ja seejärel valige Loo ühendus allikaga.

    Nupp Loo ühendus allikaga
  6. Valige jaotises Allikaga ühenduse loomine ripploendist soovitud loend.

  7. Lisage jaotises Veebisaidi aadress või manustamiskood oma manustamiskood. Selles näites on manustamiskood järgmine:

    <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>

    kus [$Latitude] ja [$Longitude] on muutujad, mis tähistavad iga punkti veerunimesid.

    Näide manustamiskoodist asukohtade kuvamiseks
  8. Valige lehe ülaservas Salvesta mustandina .

  9. Ühenduse testimiseks valige valitud loendist üksus. Peaksite nägema Bingi kaarti, kus on kuvatud manustamisveebiosas kuvatud asukoht.

  10. Kui olete valmis lehte publikule kuvama, valige lehe paremas ülanurgas Avalda .

Märkused: 

  • Manustamiskood peab olema iframe'il põhinev (st algus ja lõpp peab olema <iframe'i> siltidega). <skripti> silte kasutav manustamiskood pole toetatud.

  • Manustada saab ainult turvalisi veebisaite. Veenduge, et veebisaidi URL algaks HTTPS-iga.

Loendi filtreerimine mõne muu loendi või teegi valiku alusel

Dünaamilise filtreerimise abil saate filtreerida ühe loendi teise loendis tehtud valiku alusel. Järgmises näites on teek Plaanimisdokumendid filtreeritud loendis Projektiteave oleva valiku järgi. Veerus Projektimeeskond on valitud väärtus "Turundus", nii et teegis Plaanimisdokumendid kuvatakse ainult meeskonnale Turundus kuuluvad dokumendid. 

Dünaamiliselt filtreeritud loend

Selleks tehke järgmist.

  1. Lisage lehel loendi veebiosa või teegi veebiosa ja valige loend või teek väärtustega, mille alusel soovite filtreerida.

  2. Lisage mõni muu loendi veebiosa või teegi veebiosa ja valige loend või teek, mis sisaldab filtreeritavat teavet.

  3. Valige loendi või teegi veebiosa, mida soovite filtreerida, ja valige veebiosa vasakus servas Redigeeri veebiosa Veebiosa redigeerimisnupp .

  4. Nihutage jaotises Dünaamiline filtreerimine liugur asendisse Sees .

  5. Valige filtreerimiseks veerg, mida soovite filtreerida väljal Veerg asukohas [teie loendi nimi].

  6. Valige jaotises Filtriväärtust sisaldav loend või teek loend või teek, mille lisasite 1. juhises oma lehele.

  7. Valige jaotises Filtreerimisväärtust sisaldav veerg veerg, mis sisaldab väärtusi, mille alusel soovite filtreerida.

  8. Valige Rakenda.

    Jaotise alguses oleva näidispildi kasutamisel näeksid teegi Plaanimisdokumendid dünaamilise filtreerimise suvandid välja sellised:

    Document library with pane open for dynamic filtering options

  9. Kui olete lõpetanud, valige lehe ülaservas Salvesta mustandina või kui olete valmis, et publik seda lehte näeks, valige lehe paremas ülanurgas Avalda .

Kas vajate veel abi?

Kas soovite rohkem valikuvariante?

Siin saate tutvuda tellimusega kaasnevate eelistega, sirvida koolituskursusi, õppida seadet kaitsma ja teha veel palju muud.

Kogukonnad aitavad teil küsimusi esitada ja neile vastuseid saada, anda tagasisidet ja saada nõu rikkalike teadmistega asjatundjatelt.