My SharePoint Log

SharePoint 101 – Cascading Drop Down with InfoPath 2013

I et SharePoint kurs jeg holdt nylig for #Glasspaper AS, fikk jeg spørsmål om vi kan bygge en ansatt registerings prosess som en del av øvelsene vi gjør.

Ja klart vi kan sa jeg og vi kom over et spørsmål om cascading drop down, dette er en funksjon hvor et felt i et skjema er relatert til et annet felt i samme skjema. Dette har jeg  tidligere beskrevet med en 3.part løsning. Dette kan selvsagt også løses med standard funksjonalitet i InfoPath 2013.

Versjon 1 av vår ansatt skjema ser slik ut:

ansattskjema

Vi trengte en relasjon mellom “By” og “Kontor” feltet, vi ønsker å få opp kun kontorlokasjoner innenfor en by når vi velger byen.

På forhånd trenger vi å opprette 3 custom list:

Byer | denne listen vil inneholde alle byer vi har kontorer i

by
Kontorlokasjoner | denne vil inneholde alle kontorer vi har med kobling til byen de tilhører

kontor

Ansattskjema | denne er hoved skjema listen og inneholder oppslag til byer og kontorer

I SharePoint naviger til Ansattskjema listen i “Ribbon” velg “List | Customize Form”
Dette vil åpne skjemaet i InfoPath Designer 2013. Formater skjemaet ditt som du vil.

ribboncustomize

Vi ønsker at når en bruker velger en “By” så skal brukeren i feltet “Kontor” kun får opp de kontorene som tilhører byen. Konfigurasjon av relasjon gjøres på følgende måte:

  • I InfoPath Designer høyre klikk på feltet “Kontor” velg “Drop Down list box properties”
dropdownproperites
  • I Data source velg “Add” og følg veiviseren for å lage en ny data spørring mot “Kontorlokasjoner”

datasourceadd

connection01

connection02

connection03connection04connection05connection06connection07

  • Konfigurer filteret ved å velge “tre” ikonet på høyre siden til “Entries”
entriesfilter
connection09
connection10
connection11
connection12
  • Test din nye skjema

 

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: