« Radzen » : différence entre les versions

De Banane Atomic
Aller à la navigationAller à la recherche
(Page créée avec « Category:Blazor = [https://blazor.radzen.com/checkboxlist CheckBoxList] = <filebox fn='MyPage.razor'> <RadzenCheckBoxList @bind-Value="@selectedItemIds"… »)
 
Aucun résumé des modifications
Ligne 14 : Ligne 14 :


private IReadOnlyCollection<ItemDto> items;
private IReadOnlyCollection<ItemDto> items;
</filebox>
= [https://blazor.radzen.com/get-started Installation] =
<kode lang='bash'>
dotnet add package Radzen.Blazor
</kode>
<filebox fn='_Imports.razor'>
@using Radzen
@using Radzen.Blazor
</filebox>
<filebox fn='_Host.cshtml'>
<head>
    <link rel="stylesheet" href="_content/Radzen.Blazor/css/default-base.css">
<!-- ... -->
    <script src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>
</body>
</filebox>
</filebox>

Version du 4 avril 2021 à 00:46

CheckBoxList

MyPage.razor
<RadzenCheckBoxList @bind-Value="@selectedItemIds"
                    TValue="int"
                    Data="@items"
                    TextProperty="Name"
                    ValueProperty="Id" />
MyPage.razor.cs
// has to be an IEnumerable
private IEnumerable<int> selectedItemIds;

private IReadOnlyCollection<ItemDto> items;

Installation

Bash.svg
dotnet add package Radzen.Blazor
_Imports.razor
@using Radzen
@using Radzen.Blazor
_Host.cshtml
<head>
    <link rel="stylesheet" href="_content/Radzen.Blazor/css/default-base.css">
<!-- ... -->
    <script src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>
</body>