Enhance grid UI: column chooser button & default widths
- Set default width and hide new button for DxGridBandColumn in BandGridBase.cs - Always show column chooser button in CatalogsGrid and MassDataGrid - Add "Spalten" toolbar button to open column chooser dialog - Improves accessibility and consistency of grid column customization
This commit is contained in:
@@ -184,6 +184,8 @@ public abstract class BandGridBase<TItem> : ComponentBase
|
|||||||
{
|
{
|
||||||
if (band.Columns.Count == 0) continue;
|
if (band.Columns.Count == 0) continue;
|
||||||
builder.OpenComponent<DxGridBandColumn>(seq++);
|
builder.OpenComponent<DxGridBandColumn>(seq++);
|
||||||
|
builder.AddAttribute(seq++, "Width", "120px");
|
||||||
|
builder.AddAttribute(seq++, "NewButtonVisible", false); // falls noch nicht vorhanden
|
||||||
builder.AddAttribute(seq++, "Caption", band.Caption);
|
builder.AddAttribute(seq++, "Caption", band.Caption);
|
||||||
builder.AddAttribute(seq++, "Columns", (RenderFragment)(bandBuilder =>
|
builder.AddAttribute(seq++, "Columns", (RenderFragment)(bandBuilder =>
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -38,6 +38,7 @@ else
|
|||||||
|
|
||||||
<div class="grid-section">
|
<div class="grid-section">
|
||||||
<DxGrid Data="@items"
|
<DxGrid Data="@items"
|
||||||
|
ColumnChooserButtonDisplayMode="GridColumnChooserButtonDisplayMode.Always"
|
||||||
TItem="CatalogReadDto"
|
TItem="CatalogReadDto"
|
||||||
KeyFieldName="@nameof(CatalogReadDto.Guid)"
|
KeyFieldName="@nameof(CatalogReadDto.Guid)"
|
||||||
SizeMode="@_sizeMode"
|
SizeMode="@_sizeMode"
|
||||||
@@ -61,6 +62,14 @@ else
|
|||||||
@ref="gridRef">
|
@ref="gridRef">
|
||||||
<ToolbarTemplate>
|
<ToolbarTemplate>
|
||||||
<DxToolbar>
|
<DxToolbar>
|
||||||
|
<DxToolbarItem Alignment="ToolbarItemAlignment.Right">
|
||||||
|
<Template Context="_">
|
||||||
|
<DxButton Text="Spalten"
|
||||||
|
RenderStyle="ButtonRenderStyle.Secondary"
|
||||||
|
RenderStyleMode="ButtonRenderStyleMode.Text"
|
||||||
|
Click="@(() => gridRef!.ShowColumnChooser())" />
|
||||||
|
</Template>
|
||||||
|
</DxToolbarItem>
|
||||||
<DxToolbarItem Alignment="ToolbarItemAlignment.Right">
|
<DxToolbarItem Alignment="ToolbarItemAlignment.Right">
|
||||||
<Template Context="_">
|
<Template Context="_">
|
||||||
<DxDropDownButton Text="@FormatSizeText(_sizeMode)"
|
<DxDropDownButton Text="@FormatSizeText(_sizeMode)"
|
||||||
|
|||||||
@@ -51,6 +51,7 @@ else
|
|||||||
|
|
||||||
<div class="grid-section">
|
<div class="grid-section">
|
||||||
<DxGrid Data="@items"
|
<DxGrid Data="@items"
|
||||||
|
ColumnChooserButtonDisplayMode="GridColumnChooserButtonDisplayMode.Always"
|
||||||
TItem="MassDataReadDto"
|
TItem="MassDataReadDto"
|
||||||
KeyFieldName="@nameof(MassDataReadDto.Id)"
|
KeyFieldName="@nameof(MassDataReadDto.Id)"
|
||||||
SizeMode="@_sizeMode"
|
SizeMode="@_sizeMode"
|
||||||
@@ -74,6 +75,14 @@ else
|
|||||||
@ref="gridRef">
|
@ref="gridRef">
|
||||||
<ToolbarTemplate>
|
<ToolbarTemplate>
|
||||||
<DxToolbar>
|
<DxToolbar>
|
||||||
|
<DxToolbarItem Alignment="ToolbarItemAlignment.Right">
|
||||||
|
<Template Context="_">
|
||||||
|
<DxButton Text="Spalten"
|
||||||
|
RenderStyle="ButtonRenderStyle.Secondary"
|
||||||
|
RenderStyleMode="ButtonRenderStyleMode.Text"
|
||||||
|
Click="@(() => gridRef!.ShowColumnChooser())" />
|
||||||
|
</Template>
|
||||||
|
</DxToolbarItem>
|
||||||
<DxToolbarItem Alignment="ToolbarItemAlignment.Right">
|
<DxToolbarItem Alignment="ToolbarItemAlignment.Right">
|
||||||
<Template Context="_">
|
<Template Context="_">
|
||||||
<DxDropDownButton Text="@FormatSizeText(_sizeMode)"
|
<DxDropDownButton Text="@FormatSizeText(_sizeMode)"
|
||||||
|
|||||||
Reference in New Issue
Block a user