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:
OlgunR
2026-04-16 16:02:31 +02:00
parent 6ac48a472d
commit 6792b426ff
3 changed files with 20 additions and 0 deletions

View File

@@ -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 =>
{ {

View File

@@ -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)"

View File

@@ -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)"