This blog post summarizes major Blazor-related features we expect to ship in June 2023 (v23.1). Should you have questions about the features outlined below, feel free to create a Support Center ticket. We’ll be happy to follow-up.
Grid
Column Header Filter
We expect to incorporate Excel-style column filter dropdowns within our Blazor Grid. Like their ASP.NET counterparts, these dropdowns will display unique column values as a checklist with a built-in search box.
Excel-style column filters will include the necessary APIs to help you define your custom filter content.
Virtual Scrolling
In our next major release (June 2023), the DevExpress Blazor Grid will ship with support for a virtual scrolling option. This new mode will allow users to scroll through records with no paging. To maximize performance, our Blazor Grid will render only rows in the current scroll viewport.
Auto-Generated Editors
Our Blazor Grid will automatically generate and configure cell editors for individual columns based on associated data type. Automatically generated editors will be used in the Filter Row and within activated grid cells during edit operations (unless a custom cell or Filter Row template has been defined).
Cell Editor API
DevExpress Blazor Grid columns will ship with a new API to control cell editor settings. These settings will manage the type of editor used, and many of the options available for individual DevExpress Blazor Editor controls.
<DxGridDataColumn FieldName="Price">
<EditorSettings>
<DxMaskedInputSettings Mask="@NumericMask.Currency" />
</EditorSettings>
</DxGridDataColumn>Once defined, editor settings will apply to activated grid cells and the Filter Row.
Fixed Columns
The DevExpress Blazor Grid will include fixed column support. You will be able to fix any number of columns to either left or right by setting a parameter.
<DxGrid Data=”Orders”>
<Columns>
<DxGridCommandColumn FixedPosition=”GridColumnFixedPosition.Left” />
<DxGridDataColumn FieldName=”OrderDate” />
<DxGridDataColumn FieldName=”ShipCountry” />
</Columns>
</DxGrid>Fixed columns will always remain visible. In addition, end-users will not be able to drop columns from a non-fixed region to a fixed region (and vice versa).
New Column Chooser Window
At present, the Column Chooser is a dropdown that can be connected to a button or toolbar item. We expect to enhance column customization capabilities in our next major update. You will be able to display the Column Chooser as a draggable/resizable window within your Blazor app (this change will improve column customization flexibility and overall usability).
Data Editors
New RadioButton
A new RadioButton control.
ComboBox — Selected Item Template
Our new API will allow developers to customize the appearance of selected ComboBox items (to display images or custom content).
TreeView
Node Checking
The DevExpress Blazor TreeView will be able to display checkboxes for individual nodes. This new capability will include a recursive node checking option. In this mode, once a user checks a parent node, all its children will be checked. Changes in child node check state will affect the check state of the parent node.
New Render and Size Mode Support
Our Blazor TreeView control will support our new rendering engine (introduced earlier for other DevExpress Blazor controls). Once implemented, our Blazor TreeView will support size modes and its appearance will be consistent with the rest of our Blazor product line.
Vertical ScrollBar
Our TreeView will ship with a built-in scroll bar (for usage scenarios wherein the component itself needs to be displayed with a fixed height).
Scheduler
Custom Edit Form API
The DevExpress Blazor Scheduler will include an API to display custom appointment edit forms.
Tabs
Tab Header Position
At present, our Blazor Tabs component can only display tab headers at the top. We expect to add the ability to display headers at the bottom, left, or right of the content area.
IconUrl API
The new API will allow you to specify tab header images as URLs instead of defining them in CSS classes.
Accordion
New Render and Size Mode Support
The DevExpress Blazor Accordion control will support our new rendering engine (introduced earlier for other DevExpress Blazor controls). Once implemented, our Accordion will support size modes and its appearance will be consistent with the rest of the DevExpress Blazor product line.
Window
Multi-Window Support
The DevExpress Blazor Window will support usage scenarios wherein multiple windows are opened simultaneously. End-users will be able to switch between open windows.
Resizing by Edges
Our Blazor Window component will allow users to initiate resize operations by dragging any window edge, and not just the size grip.
Dialog
Dragging and Resizing Support
Modal dialogs created with the DevExpress Blazor Popup will support end-user drag and resize operations.
Utility Controls
New Wait Indicator
Our new Blazor Wait Indicator control will display a loading spinner should you need to indicate progress during lengthy/time consuming operations.
New Loading Panel
Our new Blazor Loading Panel will extend the capabilities of the Wait Indicator and display a panel with progress indication atop a specified area. This panel will help indicate operational state and can optionally block user interaction against the underlying UI.
Menu and ContextMenu
New Render and Size Mode Support
The DevExpress Blazor Menu control will support our new rendering engine (introduced earlier for other DevExpress Blazor controls). Once implemented, our Blazor Menu will support size modes and its appearance will be consistent with the rest of the DevExpress Blazor product line.