diff --git a/CS/Components/Pages/Index.razor b/CS/Components/Pages/Index.razor
index 3251a4d..d6bb6f8 100644
--- a/CS/Components/Pages/Index.razor
+++ b/CS/Components/Pages/Index.razor
@@ -1,37 +1,119 @@
@page "/"
+@using CustomColumnChooser.Services
+@inject WeatherForecastService ForecastService
+
Welcome
+
+
+
@if (forecasts == null) {
Loading...
}
else {
-
+
-
+
+
-
+
}
+
+
+
+
+
+
+
+ Reverse Order
+
+
+
The Date column ShowInColumnChooser parameter is false - thus, it doesn't appear in the Column Chooser
@code {
+ DxGrid MyGrid { get; set; } = default!;
+ DxListBox columnListBox { get; set; } = default!;
private WeatherForecast[]? forecasts;
+ private bool isCustomColumnChooserVisible = false;
+ public IEnumerable AllColumns { get; set; }
+ public IEnumerable VisibleColumns { get; set; }
+ bool ReverseOrder { get; set; } = false;
+ #region Initialization
protected override async Task OnInitializedAsync() {
- var startDate = DateOnly.FromDateTime(DateTime.Now);
- var summaries = new[] { "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching" };
- forecasts = Enumerable.Range(1, 5).Select(index => new WeatherForecast {
- Date = startDate.AddDays(index),
- TemperatureC = Random.Shared.Next(-20, 55),
- Summary = summaries[Random.Shared.Next(summaries.Length)]
- }).ToArray();
- }
-
- private class WeatherForecast {
- public DateOnly Date { get; set; }
- public int TemperatureC { get; set; }
- public string? Summary { get; set; }
- public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
+ forecasts = await ForecastService.GetForecastsAsync();
+ }
+ protected override void OnAfterRender(bool firstRender) {
+ if (firstRender) {
+ InitializeColumnList();
+ }
+ }
+ private void ShowCustomColumnChooser() {
+ isCustomColumnChooserVisible = true;
+ }
+ private void InitializeColumnList() {
+ AllColumns = MyGrid.GetColumns().Where(i => i.ShowInColumnChooser).OrderBy(i => i, ColumnsComparerImpl.Default).ToList();
+ if (ReverseOrder)
+ AllColumns = AllColumns.Reverse();
+ VisibleColumns = MyGrid.GetVisibleColumns();
+ }
+ #endregion
+
+ #region Event Handling
+ void SelectedDataItemsChanged(IEnumerable values)
+ {
+ VisibleColumns = values;
+ UpdateColumnsVisibility();
+ }
+ void UpdateColumnsVisibility() {
+ MyGrid.BeginUpdate();
+ var columnCollection = MyGrid.GetColumns();
+ foreach (var column in columnCollection)
+ if (column.ShowInColumnChooser)
+ column.Visible = VisibleColumns.Contains(column);
+ MyGrid.EndUpdate();
+ }
+ private void OnReverseOrder(bool newValue) {
+ ReverseOrder = newValue;
+ AllColumns = AllColumns.Reverse();
+ }
+ #endregion
+
+ class ColumnsComparerImpl : IComparer {
+ public static IComparer Default { get; } = new ColumnsComparerImpl();
+ ColumnsComparerImpl() { }
+ int IComparer.Compare(IGridColumn x, IGridColumn y) {
+ if (x is IGridSelectionColumn)
+ return -1;
+ if (x is IGridCommandColumn && y is IGridDataColumn)
+ return -1;
+ if (x is IGridDataColumn xData && y is IGridDataColumn yData) {
+ var xName = !string.IsNullOrEmpty(xData.Caption) ? xData.Caption : xData.FieldName;
+ var yName = !string.IsNullOrEmpty(yData.Caption) ? yData.Caption : yData.FieldName;
+ return string.Compare(xName, yName);
+ }
+ return 0;
+ }
}
}
diff --git a/CS/CustomColumnChooser.sln b/CS/CustomColumnChooser.sln
index fd52aed..71e9221 100644
--- a/CS/CustomColumnChooser.sln
+++ b/CS/CustomColumnChooser.sln
@@ -1,7 +1,7 @@
Microsoft Visual Studio Solution File, Format Version 12.00
# Visual Studio Version 17
-VisualStudioVersion = 17.14.36518.9 d17.14
+VisualStudioVersion = 17.14.36518.9
MinimumVisualStudioVersion = 10.0.40219.1
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "CustomColumnChooser", "CustomColumnChooser.csproj", "{B3679CF4-DD44-4DAD-A419-5D98E4383F48}"
EndProject
diff --git a/CS/Program.cs b/CS/Program.cs
index e88b222..6d51938 100644
--- a/CS/Program.cs
+++ b/CS/Program.cs
@@ -11,6 +11,7 @@
options.SizeMode = DevExpress.Blazor.SizeMode.Medium;
});
builder.Services.AddMvc();
+builder.Services.AddSingleton();
var app = builder.Build();
if (!app.Environment.IsDevelopment())
@@ -29,4 +30,4 @@
.AddInteractiveServerRenderMode()
.AllowAnonymous();
-app.Run();
\ No newline at end of file
+app.Run();
diff --git a/CS/Services/WeatherForecast.cs b/CS/Services/WeatherForecast.cs
new file mode 100644
index 0000000..dfbba21
--- /dev/null
+++ b/CS/Services/WeatherForecast.cs
@@ -0,0 +1,12 @@
+using System;
+
+namespace CustomColumnChooser.Services
+{
+ public class WeatherForecast
+ {
+ public DateOnly Date { get; set; }
+ public int TemperatureC { get; set; }
+ public string? Summary { get; set; }
+ public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
+ }
+}
\ No newline at end of file
diff --git a/CS/Services/WeatherForecastService.cs b/CS/Services/WeatherForecastService.cs
new file mode 100644
index 0000000..352b065
--- /dev/null
+++ b/CS/Services/WeatherForecastService.cs
@@ -0,0 +1,28 @@
+using System;
+using System.Linq;
+using System.Threading.Tasks;
+
+namespace CustomColumnChooser.Services
+{
+ public class WeatherForecastService
+ {
+ private static readonly string[] Summaries = new[]
+ {
+ "Freezing", "Bracing", "Chilly", "Cool", "Mild",
+ "Warm", "Balmy", "Hot", "Sweltering", "Scorching"
+ };
+
+ public Task GetForecastsAsync(int days = 5)
+ {
+ var startDate = DateOnly.FromDateTime(DateTime.Now);
+ var forecasts = Enumerable.Range(1, days).Select(index => new WeatherForecast
+ {
+ Date = startDate.AddDays(index),
+ TemperatureC = Random.Shared.Next(-20, 55),
+ Summary = Summaries[Random.Shared.Next(Summaries.Length)]
+ }).ToArray();
+
+ return Task.FromResult(forecasts);
+ }
+ }
+}
\ No newline at end of file
diff --git a/CS/wwwroot/css/site.css b/CS/wwwroot/css/site.css
index c3fbbbf..5e90fb7 100644
--- a/CS/wwwroot/css/site.css
+++ b/CS/wwwroot/css/site.css
@@ -102,3 +102,14 @@ html, body {
mask-image: var(--icon-mask-image);
}
+.column-chooser-body {
+ padding: 10px;
+}
+
+.column-chooser-buttons {
+ margin-bottom: 10px;
+}
+
+.column-chooser-button-spacing {
+ margin-right: 5px;
+}
diff --git a/README.md b/README.md
index 4438aca..b49a346 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,4 @@
-
[](https://supportcenter.devexpress.com/ticket/details/T1313893)
[](https://docs.devexpress.com/GeneralInformation/403183)
[](#does-this-example-address-your-development-requirementsobjectives)