New-UDTabs

Sinossi

Crea un nuovo insieme di schede.

Sintassi

New-UDTabs [-Tabs] <ScriptBlock> [[-Id] <String>] [-RenderOnActive] [[-Orientation] <String>] [[-Variant] <String>] [[-ScrollButtons] <String>] [-Centered] [[-ClassName] <String>] [[-SelectedTabIndex] <Int32>] [[-Style] <Hashtable>] [[-Sx] <Hashtable>] [<CommonParameters>]

Descrizione

Crea un nuovo insieme di schede. Le schede possono essere utilizzate per mostrare molti contenuti in una singola pagina.

Parametri

-Tabs

Le schede da inserire in questo contenitore.

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

-Id

L'ID del componente. Per impostazione predefinita è un GUID casuale.

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

-RenderOnActive

Deprecato

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

-Orientation

L'orientamento delle schede. I valori validi sono horizontal e vertical.

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

-Variant

La variante delle schede. I valori validi sono standard, fullWidth e scrollable.

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

-ScrollButtons

Il comportamento dei pulsanti di scorrimento. I valori validi sono on, off, auto e desktop. On abiliterà i pulsanti di scorrimento in ogni caso. off disabiliterà tutti i pulsanti di scorrimento. Auto mostrerà i pulsanti di scorrimento quando necessario. Desktop mostrerà i pulsanti di scorrimento su schermi medi e grandi.

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

-Centered

Indica se le schede devono essere centrate.

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

-ClassName

La classe CSS da applicare alle schede.

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

-SelectedTabIndex

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

-Style

Lo stile da applicare alle schede.

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

-Sx

Uno stile specifico del tema da applicare alle schede.

Required?                    false
Position?                    9
Default value
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 ulteriori informazioni, veda about_CommonParameters.

Output

Esempi

Esempio 1: schede di base

New-UDTabs -Tabs {
   New-UDTab -Text "Tab1" -Id 'Tab1' -Content {
       New-UDElement -Tag div -Id 'tab1Content' -Content { "Tab1Content"}
   }
   New-UDTab -Text "Tab2" -Id 'Tab2' -Content {
       New-UDElement -Tag div -Id 'tab2Content' -Content { "Tab2Content"}
   }
   New-UDTab -Text "Tab3" -Id 'Tab3' -Content {
       New-UDElement -Tag div -Id 'tab3Content' -Content { "Tab3Content"}
   }
} -Id 'tabs1'

Un insieme di schede di base.

Esempio 2: schede dinamiche

New-UDTabs -Id 'tabs2' -Tabs {
   New-UDTab -Text "Tab1" -Id 'DynamicTab1' -Dynamic -Content {
       New-UDElement -Tag div -Id 'DynamicTab1Content' -Content { Get-Date }
   }
   New-UDTab -Text "Tab2" -Id 'DynamicTab2' -Dynamic -Content {
       New-UDElement -Tag div -Id 'DynamicTab2Content' -Content { Get-Date }
   }
   New-UDTab -Text "Tab3" -Id 'DynamicTab3' -Dynamic -Content {
       New-UDElement -Tag div -Id 'DynamicTab3Content' -Content { Get-Date }
   }
}

Un insieme di schede dinamiche.

Esempio 3: schede verticali

New-UDTabs -Id 'tabs3' -Orientation 'vertical' -Tabs {
    New-UDTab -Text "Tab1" -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
    New-UDTab -Text "Tab2" -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
    New-UDTab -Text "Tab3" -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
}

Un insieme di schede verticali.

Esempio 4: schede a larghezza intera

New-UDTabs -Id 'tabs4' -Variant 'fullWidth' -Tabs {
    New-UDTab -Text "Tab1" -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
    New-UDTab -Text "Tab2" -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
    New-UDTab -Text "Tab3" -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
}

Un insieme di schede a larghezza intera.

Esempio 5: schede scorrevoli

New-UDTabs -Id 'tabs5' -Variant 'scrollable' -Tabs {
    New-UDTab -Text "Tab1" -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
    New-UDTab -Text "Tab2" -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
    New-UDTab -Text "Tab3" -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
}

Un insieme di schede scorrevoli.

Esempio 6: pulsanti di scorrimento attivi

New-UDTabs -Id 'tabs6' -ScrollButtons 'on' -Tabs {
    New-UDTab -Text "Tab1" -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
    New-UDTab -Text "Tab2" -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
    New-UDTab -Text "Tab3" -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
}

Un insieme di schede con i pulsanti di scorrimento sempre attivi.

Esempio 7: schede centrate

New-UDTabs -Id 'tabs7' -Centered -Tabs {
    New-UDTab -Text "Tab1" -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
    New-UDTab -Text "Tab2" -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
    New-UDTab -Text "Tab3" -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
}

Un insieme di schede centrate.

Esempio 8: schede con icone

New-UDTabs -Id 'tabs8' -Tabs {
    New-UDTab -Text "Tab1" -Icon (New-UDIcon -Icon Eye) -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
    New-UDTab -Text "Tab2" -Icon (New-UDIcon -Icon Home) -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
    New-UDTab -Text "Tab3" -Icon (New-UDIcon -Icon User) -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
}

Un insieme di schede con icone.

Esempio 9: scheda disabilitata

New-UDTabs -Id 'tabs7' -Tabs {
    New-UDTab -Text "Tab1" -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
    New-UDTab -Text "Tab2" -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
    New-UDTab -Text "Tab3" -Disabled -Content {
        New-UDElement -Tag div -Content { Get-Date }
    }
}

Un insieme di schede con una scheda disabilitata.