Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
64 lines (55 sloc) 2.45 KB
@page "/card"
@using NorthwindBlazor.Data
@using NorthwindBlazor.Models.Northwind
@using Microsoft.EntityFrameworkCore
@inject NorthwindContext dbContext
<h1 style="display:inline">Card</h1><a style="margin-left: 10px" href="https://github.com/akorchev/blazor.radzen.com/blob/master/Pages/CardPage.razor" target="_blank">[source code]</a><a style="margin-left: 10px" href="https://www.radzen.com/documentation/blazor/card/" target="_blank">[documentation]</a>
<p>This page demonstrates <b>Card</b> component.</p>
<RadzenCard>
<div class="row">
<div class="col-md-6">
<h3>Card</h3>
<RadzenCard Style="width:600px;margin-bottom: 20px; height:500px;">
<div class="row">
<div class="col-md-6">
<div>Company:</div>
<b>@lastOrder.Customer?.CompanyName</b>
<div style="margin-top:20px">Employee:</div>
<b>@(lastOrder.Employee?.FirstName + " " + lastOrder.Employee?.LastName)</b>
<br />
<RadzenImage Path="@lastOrder.Employee?.Photo" Style="width:100px;" />
</div>
<div class="col-md-6">
<div>Freight:</div>
<b>@String.Format(new System.Globalization.CultureInfo("en-US"), "{0:C}", lastOrder.Freight)</b>
<div style="margin-top:20px">Ship country:</div>
<b>@(lastOrder.ShipCountry)</b>
<div style="margin-top:20px">Ship city:</div>
<b>@(lastOrder.ShipCity)</b>
<div style="margin-top:20px">Ship name:</div>
<b>@(lastOrder.ShipName)</b>
</div>
</div>
</RadzenCard>
</div>
<div class="col-md-6">
<h3>Events</h3>
N/A
</div>
</div>
</RadzenCard>
@code {
IEnumerable<Order> orders;
Order lastOrder;
protected override async Task OnInitializedAsync()
{
var query = from order in dbContext.Orders
.Include("Customer")
.Include("Employee")
.Include("OrderDetails")
.Include("OrderDetails.Product")
select order;
lastOrder = query.Last();
orders = await Task.FromResult(query.ToList());
}
}
You can’t perform that action at this time.