mirror of
https://github.com/radzenhq/radzen-blazor.git
synced 2026-07-08 18:16:08 +00:00
44 lines
2.2 KiB
Plaintext
44 lines
2.2 KiB
Plaintext
@using Radzen
|
|
@using Radzen.Blazor
|
|
|
|
<RadzenButton Text="Test" />
|
|
<RadzenTextBox @bind-Value="@text" />
|
|
<RadzenDropDown TValue="string" Data="@items" @bind-Value="@selected" />
|
|
<RadzenDataGrid TItem="DataItem" Data="@data" AllowFiltering="true" AllowSorting="true">
|
|
<Columns>
|
|
<RadzenDataGridColumn TItem="DataItem" Property="Name" Title="Name" />
|
|
<RadzenDataGridColumn TItem="DataItem" Property="Value" Title="Value" />
|
|
<RadzenDataGridColumn TItem="DataItem" Property="Category" Title="Category" />
|
|
<RadzenDataGridColumn TItem="DataItem" Property="Active" Title="Active" />
|
|
<RadzenDataGridColumn TItem="DataItem" Property="Created" Title="Created" FormatString="{0:d}" />
|
|
</Columns>
|
|
</RadzenDataGrid>
|
|
|
|
@code {
|
|
string text = "";
|
|
string selected = "";
|
|
string[] items = ["A", "B", "C"];
|
|
DataItem[] data =
|
|
[
|
|
new() { Name = "Alice", Value = 42, Category = "A", Active = true, Created = new DateTime(2024, 1, 15) },
|
|
new() { Name = "Bob", Value = 87, Category = "B", Active = false, Created = new DateTime(2024, 3, 22) },
|
|
new() { Name = "Charlie", Value = 15, Category = "A", Active = true, Created = new DateTime(2024, 5, 10) },
|
|
new() { Name = "Diana", Value = 63, Category = "C", Active = true, Created = new DateTime(2024, 7, 4) },
|
|
new() { Name = "Eve", Value = 29, Category = "B", Active = false, Created = new DateTime(2024, 8, 18) },
|
|
new() { Name = "Frank", Value = 94, Category = "A", Active = true, Created = new DateTime(2024, 9, 1) },
|
|
new() { Name = "Grace", Value = 51, Category = "C", Active = false, Created = new DateTime(2024, 10, 30) },
|
|
new() { Name = "Henry", Value = 78, Category = "B", Active = true, Created = new DateTime(2024, 11, 12) },
|
|
new() { Name = "Ivy", Value = 36, Category = "A", Active = true, Created = new DateTime(2024, 12, 25) },
|
|
new() { Name = "Jack", Value = 100, Category = "C", Active = false, Created = new DateTime(2025, 1, 7) },
|
|
];
|
|
|
|
class DataItem
|
|
{
|
|
public string Name { get; set; } = "";
|
|
public int Value { get; set; }
|
|
public string Category { get; set; } = "";
|
|
public bool Active { get; set; }
|
|
public DateTime Created { get; set; }
|
|
}
|
|
}
|