Come creare moduli a schede in PowerApps per SharePoint List

Come creare moduli a schede in PowerApps per SharePoint List

In questo tutorial PowerApps, Vedremo quali sono le schede in PowerApps, Come creare una scheda o schede nell’app PowerApps. Questo è un esempio completo di come creare moduli a schede in PowerApps per l’elenco di SharePoint.

Inoltre, prendendo uno scenario semplice, Vedremo come possiamo usare le schede PowerApps sullo schermo PowerApps.

Cosa sono le schede PowerApps?

• Una scheda è forse un pulsante o qualsiasi controllo di input cliccabile nella parte superiore di un modulo o di una finestra. Questa scheda consente di visualizzare un’altra pagina o area quando un utente fa clic su di essa. Quando un utente fa clic sulle schede, sta facendo alcune funzionalità.
• Allo stesso modo, i moduli a schede PowerApps vengono utilizzati per creare elementi di gruppo e mantenere gestibili le dimensioni visibili dei moduli.
• Fino ad ora PowerApps non ha alcun modulo a schede. Quindi possiamo creare il modulo a schede utilizzando alcuni gruppi di controlli di input Powerapps e una galleria.

Requisito:

La schermata sottostante rappresenta lo scenario che voglio creare per gli utenti. Ci sono in totale tre schede come:

1. Malattia: quando un utente farà clic sulla scheda Malattia, visualizzerà tutti i campi correlati solo alla malattia (come problemi circolatori, malattie del fegato, epatite, ecc.). Allo stesso tempo, questa scheda sarà in modalità disabilita e le altre due schede sono in modalità modifica.
2. Dettagli del paziente: Quando un utente farà clic sulla scheda Dettagli paziente, verrà visualizzato tutti i campi che sono legati al solo paziente (come il nome del paziente, Nome padre, DOB, eccetera). Allo stesso tempo, questa scheda sarà in modalità disabilita e le altre due schede sono in modalità modifica.
3. Dettagli relativi: quando un utente farà clic sulla scheda Dettagli relativi, visualizzerà tutti i campi correlati solo al relativo paziente (come il nome relativo del paziente, la relazione con il paziente, il numero di contatto relativo, ecc.). Allo stesso tempo, questa scheda sarà in modalità disabilita e le altre due schede sono in modalità modifica.

Inoltre, quando l’utente inserirà tutti i valori del campo e una volta inviato, tutti i dati verranno memorizzati nell’elenco di SharePoint.

Leggi: Power Apps Caricamento Spinner

Crea modulo a schede in PowerApps

Qui vedremo come possiamo creare le diverse schede PowerApps secondo la necessità. Seguire i passaggi seguenti per fare il requisito di cui sopra.

Step-1:

Esiste un elenco di SharePoint denominato Dettagli di registrazione ospedaliera. Questo elenco ha queste colonne sotto con diversi tipi di dati come:

1. Title: Questa è una colonna predefinita con una singola riga di testo. L’ho appena rinominato in Nome del paziente.
2. Padre Nome: Singola riga di testo di 1024
3. Data Di Nascita: Data e Ora Di 1024
4. Genere: Scelta del Tipo e così via

Passo– 2:

• Creare un PowerApps Tela app. Collegare l’origine dati elenco SharePoint (dettagli di registrazione ospedale) per l’applicazione.

• Nella schermata PowerApps, inserire un modulo di modifica (Insert -> Forms- > Edit). Collegare l’origine dati elenco SharePoint al modulo. È possibile vedere tutti i campi sono stati recuperati dalla lista. Mantenere i campi obbligatori e rimuovere i campi non necessari dal modulo.

Passo – 3:

• Aggiungi tre pulsanti per creare tre schede sullo schermo. Tutti i pulsanti devono essere posizionati sopra il modulo di modifica che appare come sotto.
• Imposta tutte le proprietà di testo dei tre pulsanti su Malattia, dettagli del paziente e Dettagli relativi.

Passo– 4:

• Selezionare la scheda Malattia e applicare questa formula beow sulla sua proprietà OnSelect come:

OnSelect = Set(varFormTab, "Disease")

Dove,

1. varFormTab = Nome della Variabile Di 1024
2. Malattia = Questo è il valore che ho specificato

• Quindi selezionare proprietà DisplayMode della scheda e impostare questa formula qui di seguito:

DisplayMode = If( varFormTab = "Disease", Disabled, Edit)

Il codice di cui sopra consente di specificare se la variabile specificata contiene la Malattia di valore, quindi la scheda sarà in modalità di disattivazione in caso contrario sarà in modalità di modifica.

Passo– 5:

• Selezionare la scheda Dettagli paziente e applicare questa formula beow sulla sua proprietà OnSelect come:

OnSelect = Set(varFormTab, "PatientDetails")

Dove,

1. varFormTab = Nome della Variabile Di 1024
2. PatientDetails = Questo è il valore che ho specificato

• Quindi selezionare proprietà DisplayMode della scheda e impostare questa formula qui di seguito:

DisplayMode = If( varFormTab = "PatientDetails", Disabled, Edit)

Il codice di cui sopra consente di specificare se la variabile specificata contiene il PatientDetails valore, quindi la scheda sarà in modalità di disattivazione in caso contrario sarà in modalità di modifica.

Passo– 6:

• Selezionare la scheda Dettagli relativi e applicare questa formula beow sulla sua proprietà OnSelect come:

OnSelect = Set(varFormTab, "RelativeDetails")

Dove,

1. varFormTab = Nome della Variabile Di 1024
2. RelativeDetails = Questo è il valore che ho specificato

• Quindi selezionare proprietà DisplayMode della scheda e impostare questa formula qui di seguito:

DisplayMode = If( varFormTab = "RelativeDetails", Disabled, Edit)

Il codice di cui sopra consente di specificare se la variabile specificata contiene il RelativeDetails valore, quindi la scheda sarà in modalità di disattivazione in caso contrario sarà in modalità di modifica.

Passo– 7:

• Ora decideremo quale campo verrà visualizzato in quale scheda. Ciò significa che, supponiamo sullo schermo, ho una malattia chiamata “Mal di testa cronico”.
• Voglio visualizzare questo campo quando l’utente farà clic sulla scheda Malattia. Seguire la seguente formula per farlo.
• Selezionare la scheda dati Mal di testa cronici (la scheda dati deve essere sbloccata prima) e applicare questa formula qui sotto sulla sua proprietà visibile come:

Visible = If( varFormTab = "Disease", true, false)

Dove,

1. varFormTab = Nome della variabile che abbiamo creato prima
2. Disease = Il valore che abbiamo specificato

Il codice precedente specifica, se la variabile è uguale al valore della malattia, allora il campo sarà visibile altrimenti si nasconderà.

NOTA:

Se sei interessato a conoscere PowerApps Toggle control, fai riferimento a questo articolo: PowerApps toggle control + Come usare con l’esempio. Questo tutorial PowerApps ti aiuta a ottenere come cambiare il valore di commutazione da vero a Sì o falso a No e molti altri.

Passo– 8:

• Allo stesso modo, supponiamo che ci sia un campo denominato Nome paziente e vogliamo visualizzare il campo quando l’utente farà clic sulla scheda Dettagli paziente.
• Per fare ciò, selezionare la scheda dati Nome paziente e applicare questa formula di seguito sulla sua proprietà visibile:

Visible = If( varFormTab = "PatientDetails", true, false)

Dove,

1. varFormTab = Nome della variabile che abbiamo creato prima
2. PatientDetails = Il valore che abbiamo specificato

Il codice precedente specifica, se la variabile è uguale al valore PatientDetails, allora il campo sarà visibile altrimenti si nasconderà.

• Allo stesso modo, puoi fare lo stesso processo per i campi rest per le loro schede specifiche.

Step – 9:

• Inserisci un pulsante in cui ti aiuterà a memorizzare il record nell’elenco di SharePoint (Dettagli di registrazione ospedaliera).
• Selezionare il pulsante e impostare la proprietà Text per Salvare.
• Applicare questa formula qui di seguito sul Pulsante OnSelect proprietà:

OnSelect = SubmitForm(Form1)

Dove

Form1 = modulo di Modifica nome

Passo– 10:

• Salvare e Pubblicare l’app. Riapri di nuovo l’app. Inserire i valori scegliendo ogni scheda e quindi fare clic sul pulsante Salva.

• Quindi, vai all’elenco di Sharepoint esistente (Dettagli di registrazione dell’ospedale) e aggiornalo. Si può vedere un nuovo elemento è stato salvato come come lo screenshot qui sotto.

Inoltre, potrebbero piacerti questi tutorial di PowerApps come:

• PowerApps tabella ripetuta di 1024
• PowerApps Funzione CountIf con Esempi Di 1024
• PowerApps funzione CountRows con Esempi Di 1024
• PowerApps Funzione di Conteggio con Esempi Di 1024
• PowerApps Casella di controllo – utilizzo di 1024
• PowerApps Prima, FirstN, Ultimo, e LastN funzione con esempi di 1024
• PowerApps AddColumns Funzione con Esempi Di 1024
• PowerApps LastSubmit() con Esempi Di 1024
• PowerApps ForAll Funzione con esempi di 1024
• PowerApps Funzione Patch con esempi di 1024

In questo PowerApps Tutorial, Abbiamo visto cosa sono PowerApps schede, Come creare una scheda o schede nell’app PowerApps. Abbiamo imparato qui, come creare un modulo a schede per l’elenco di SharePoint in PowerApps.