Aree dinamiche

New-UDDynamic consente di definire una regione dinamica. Le pagine stesse sono dinamiche per natura. Ciò significa che ogni volta che una pagina viene caricata, esegue il codice PowerShell di quella pagina. A volte può essere necessario ricaricare una sezione di una pagina anziché l'intera pagina. È in questi casi che si utilizzano le regioni dinamiche.

Regione dinamica di base

Questa regione dinamica si ricarica quando si fa clic sul pulsante.

New-UDApp -Title "Hello, World!" -Content {
    New-UDDynamic -Id 'date' -Content {
        New-UDTypography -Text "$(Get-Date)"
    }

    New-UDButton -Text 'Reload Date' -OnClick { Sync-UDElement -Id 'date' }
}

Reload on button click

Elenco di argomenti

È possibile passare un array di argomenti alla regione dinamica.

New-UDDynamic -Id 'dynamic_01' -Content {
    New-UDTypography -Text "This is an $($ArgumentList[0]) an $($ArgumentList[1]) in a UDDynamic"
} -ArgumentList @('example of', 'arguments list') 

utilizzando l'elenco di argomenti

Può utilizzare Sync-UDElement per modificare i valori degli argomenti.

 New-UDDynamic -id DynamicRegion -ArgumentList 5,'hello' -content {
  foreach($item in $argumentList){
      New-UDTypography -Variant h3 -Text "Item: $item"
  }
 }

 New-UDButton -Text "Sync Dynamic" -onclick {
  Sync-UDElement -id DynamicRegion -ArgumentList 10,'World'
 }

Aggiornamento automatico

Le regioni dinamiche consentono di aggiornare automaticamente i componenti dopo un determinato intervallo di tempo. Durante l'aggiornamento automatico verrà eseguito l'intero blocco di script della regione.

Se ha più componenti correlati che utilizzano gli stessi dati, valuti la possibilità di inserirli nella stessa regione dinamica per migliorare le prestazioni.

    New-UDDynamic -Id 'date' -Content {
        New-UDTypography -Text "$(Get-Date)" -Variant h3
        New-UDTypography -Text "$(Get-Random)" -Variant h3
    } -AutoRefresh -AutoRefreshInterval 1

Auto refresh dynamic region

Componente di caricamento

A volte l'aggiornamento di un componente dinamico può richiedere del tempo. Ad esempio, se si esegue una query sull'API REST di un altro servizio o su dei dati. Le regioni dinamiche supportano la configurazione del componente che viene mostrato durante il ricaricamento della regione. Per impostazione predefinita, non viene mostrato nulla. Può trattarsi di qualsiasi componente dell'app.

    New-UDDynamic -Content {
        Start-Sleep -Seconds 3
        New-UDTypography -Text "Done!"
    } -LoadingComponent {
        New-UDProgress -Circular
    }

Loading component for dynamic region

API

New-UDDynamic

Vedere anche

• Devolutions Academy – User status/refresh user details