AyCode.Blazor/AyCode.Blazor.Components/Components/Grids/MgGridInfoPanel.razor

43 lines
1.5 KiB
Plaintext

@using DevExpress.Blazor
@using Microsoft.AspNetCore.Components.Rendering
@typeparam TDataItem where TDataItem : class
<div class="mg-grid-info-panel">
@if (_currentDataItem != null && _currentGrid != null)
{
var colSpan = _allDataColumns.Count > 10 ? 6 : 12;
<DxFormLayout Data="_currentDataItem"
CssClass="info-panel-form"
CaptionPosition="CaptionPosition.Vertical"
SizeMode="SizeMode.Small">
@foreach (var column in _allDataColumns)
{
<DxFormLayoutItem Caption="@GetColumnCaption(column)"
CaptionCssClass="fw-semibold"
Field="@column.FieldName"
ColSpanXxl="@colSpan"
ColSpanXl="@colSpan"
ColSpanLg="@colSpan"
ColSpanMd="@colSpan"
ColSpanSm="@colSpan"
ColSpanXs="@colSpan"
ReadOnly="@column.ReadOnly" />
}
</DxFormLayout>
}
else
{
<div class="info-panel-empty">
<p>Válasszon ki egy sort az adatok megtekintéséhez</p>
</div>
}
</div>
@code {
private string GetColumnCaption(DxGridDataColumn column)
{
return !string.IsNullOrWhiteSpace(column.Caption) ? column.Caption : column.FieldName;
}
}