New-UDSlider

Sinossi

Un componente slider.

Sintassi

New-UDSlider [[-Id] <String>] [[-Value] <Int32[]>] [[-Minimum] <Int32>] [[-Maximum] <Int32>] [-Disabled] [-Marks] [[-OnChange] <Endpoint>] [[-Orientation] <String>] [[-Step] <Int32>] [[-ValueLabelDisplay] <String>] [[-ClassName] <String>] [[-Color] <String>] [<CommonParameters>]

Descrizione

Un componente slider. Gli slider possono essere utilizzati per definire valori all'interno di un intervallo o per selezionare un intervallo di valori. È possibile utilizzare questo componente con New-UDForm.

Parametri

-Id

L'ID di questo componente.

Required?                    false
Position?                    1
Default value                ([Guid]::NewGuid())
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Value <Int32[]>

Il valore dello slider.

Required?                    false
Position?                    2
Default value                0
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Minimum

Il valore minimo dello slider.

Required?                    false
Position?                    3
Default value                0
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Maximum

Il valore massimo dello slider.

Required?                    false
Position?                    4
Default value                100
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Disabled

Se lo slider è disabilitato.

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Marks

Se visualizzare i contrassegni sullo slider.

Required?                    false
Position?                    named
Default value                False
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-OnChange

Un blocco di script che viene invocato quando il valore dello slider cambia. È possibile accedere al valore dello slider all'interno del blocco di script facendo riferimento alla variabile $EventData.

Required?                    false
Position?                    5
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Orientation

L'orientamento dello slider.

Required?                    false
Position?                    6
Default value                horizontal
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Step

Dimensione del passo dello slider.

Required?                    false
Position?                    7
Default value                1
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-ValueLabelDisplay

Se visualizzare le etichette dei valori.

Required?                    false
Position?                    8
Default value                auto
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-ClassName

Una classe CSS da applicare allo slider.

Required?                    false
Position?                    9
Default value
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

-Color

Il colore dello slider. Il valore predefinito è 'primary'. Valori validi: "primary", "secondary"

Required?                    false
Position?                    10
Default value                primary
Accept pipeline input?       false
Aliases
Accept wildcard characters?  false

Parametri comuni

Questo cmdlet supporta i parametri comuni: Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable e OutVariable. Per maggiori informazioni, veda about_CommonParameters.

Output

Esempi

Esempio 1: slider di base

New-UDSlider -Value 50 -Minimum 0 -Maximum 100 -OnChange {
   Show-UDToast -Message "Slider value changed to $($EventData.value)"
} -Id 'slider1'

Crea uno slider di base.

Esempio 2: slider con contrassegni

New-UDSlider -Value 50 -Minimum 0 -Maximum 100 -Marks -OnChange {
   Show-UDToast -Message "Slider value changed to $($EventData.value)"
} -Id 'slider2'

Crea uno slider con contrassegni.

Esempio 3: slider verticale

New-UDElement -Tag 'div' -Content {
   New-UDSlider -Orientation vertical -Id 'slider3'
} -Attributes @{
   style = @{
       height = '200px'
   }
}

Crea uno slider verticale.

Esempio 4: slider disabilitato

New-UDSlider -Value 50 -Minimum 0 -Maximum 100 -Disabled -Id 'slider4'

Crea uno slider disabilitato.

Esempio 5: slider con etichette dei valori

New-UDSlider -Value 50 -Minimum 0 -Maximum 100 -ValueLabelDisplay on -Id 'slider5'

Crea uno slider con etichette dei valori.

Esempio 6: slider con passo

New-UDSlider -Value 50 -Minimum 0 -Maximum 100 -Step 10 -Id 'slider6'

Crea uno slider con una dimensione del passo di 10.