RayCraftDocs
v1.0.3
sv
raycraft.dev
På den här sidan

CheckboxGroup

Free

En grupp kryssrutor för att välja flera objekt ur en lista, i ett fieldset med förklaring så att skärmläsare läser upp gruppens namn. ShowSelectAll lägger till en ruta Select all som visar det blandade tillståndet när bara vissa objekt är valda.

Exempel

Kontrollen CheckboxGroup

Parametrar

ParameterTypBeskrivning
ClassstringExtra CSS-klasser som läggs till på rotelementet.
DirectionStackDirectionColumn (standard) eller Row.
DisabledboolInaktiverar interaktion.
HelperTextstringLedtråd som visas under fältet.
ItemDisabledFunc<string, bool>Returnerar true för objekt som inte kan ändras; de andra objekten förblir redigerbara.
ItemIconFunc<string, IconName?>Returnerar ett objekts ikon.
ItemsIEnumerable<string>Alternativen att välja bland.
ItemTextFunc<string, string>Omvandlar ett objekt till dess visningstext (som standard ToString()).
LabelstringSynlig etikettext (diagram: tillgängligt namn; IconButton: tillgängligt namn och verktygstips).
MultipleboolTillåter markering av flera rader: klick, Ctrl+klick, Shift+klick, Shift+piltangenter, Ctrl+A (VirtualList).
ShowSelectAllboolVisar en ruta Select all ovanför objekten.
StylestringInbäddad stil som läggs till på rotelementet.
ValuestringAktuellt värde. Använd med @bind-Value.
ValuesIReadOnlyCollection<string>De valda objekten. Använd med @bind-Values.

Händelser

HändelseTypBeskrivning
ValueChangedEventCallback<string>Utlöses när värdet ändras.
ValuesChangedEventCallback<IReadOnlyCollection<string>>Utlöses när de valda objekten ändras.

Paket

CheckboxGroup ingår i RayCraft Free. Paket: RayCraft.Blazor. Den hämtas från nuget.org. Se Kom igång.