New-UDTabs

Übersicht

Erstellt einen neuen Satz von Registerkarten.

Syntax

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

Beschreibung

Erstellt einen neuen Satz von Registerkarten. Registerkarten können verwendet werden, um viele Inhalte auf einer einzigen Seite anzuzeigen.

Parameter

-Tabs

Die Registerkarten, die in diesen Container aufgenommen werden sollen.

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

-Id

Die ID der Komponente. Standardmäßig eine zufällige GUID.

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

-RenderOnActive

Veraltet

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

-Orientation

Die Ausrichtung der Registerkarten. Gültige Werte sind horizontal und vertical.

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

-Variant

Die Variante der Registerkarten. Gültige Werte sind standard, fullWidth und scrollable.

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

-ScrollButtons

Das Verhalten der Bildlaufschaltflächen. Gültige Werte sind on, off, auto und desktop. On aktiviert die Bildlaufschaltflächen in jedem Fall. off deaktiviert alle Bildlaufschaltflächen. Auto zeigt die Bildlaufschaltflächen bei Bedarf an. Desktop zeigt die Bildlaufschaltflächen auf mittleren und großen Bildschirmen an.

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

-Centered

Ob die Registerkarten zentriert werden sollen.

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

-ClassName

Die CSS-Klasse, die auf die Registerkarten angewendet werden soll.

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

Der Stil, der auf die Registerkarten angewendet werden soll.

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

-Sx

Ein designspezifischer Stil, der auf die Registerkarten angewendet werden soll.

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

Allgemeine Parameter

Dieses Cmdlet unterstützt die allgemeinen Parameter: Verbose, Debug, ErrorAction, ErrorVariable, WarningAction, WarningVariable, OutBuffer, PipelineVariable und OutVariable. Weitere Informationen finden Sie unter about_CommonParameters.

Ausgaben

Beispiele

Beispiel 1: Einfache Registerkarten

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'

Ein einfacher Satz von Registerkarten.

Beispiel 2: Dynamische Registerkarten

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 }
   }
}

Ein Satz dynamischer Registerkarten.

Beispiel 3: Vertikale Registerkarten

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 }
    }
}

Ein Satz vertikaler Registerkarten.

Beispiel 4: Registerkarten in voller Breite

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 }
    }
}

Ein Satz von Registerkarten in voller Breite.

Beispiel 5: Scrollbare Registerkarten

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 }
    }
}

Ein Satz scrollbarer Registerkarten.

Beispiel 6: Bildlaufschaltflächen aktiviert

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 }
    }
}

Ein Satz von Registerkarten mit dauerhaft aktivierten Bildlaufschaltflächen.

Beispiel 7: Zentrierte Registerkarten

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 }
    }
}

Ein Satz zentrierter Registerkarten.

Beispiel 8: Registerkarten mit Symbolen

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 }
    }
}

Ein Satz von Registerkarten mit Symbolen.

Beispiel 9: Deaktivierte Registerkarte

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 }
    }
}

Ein Satz von Registerkarten mit einer deaktivierten Registerkarte.