Skip to content

Latest commit

 

History

History
1368 lines (896 loc) · 77.3 KB

changelog.md

File metadata and controls

1368 lines (896 loc) · 77.3 KB
Raw

NuGet Package Change Log

Version history of the "DevExpress.Blazor" NuGet package is listed below.

21.1.5

Grid

Filter Row

Our Blazor Grid now includes a filter row that displays in-place text editors for all data columns. The Grid creates a filter condition based on the editor value and applies this condition to the corresponding column. To display the filter row, set the ShowFilterRow property to true.

We also implemented the following filter row customization options:

  • FilterRowOperatorType – Specifies the operator used to create a filter condition based on the filter row value (Equals, Contains, StartsWith, Greater, Less, and so on).
  • FilterRowValue - Specifies the initial value in the filter row editor.
  • FilterRowEditorVisible – Specifies whether to display the filter row editor.
  • FilterRowCellTemplate - Allows you to display a custom editor in a filter row cell.

Documentation | Demo

Filter in Code

You can also manage filter options in code. Call the FilterBy method to filter Grid data and the ClearFilter method to reset the applied filter.

Command Column

The new command column type is introduced. This column contains a Clear button that resets the applied filter. To display the command column, declare a DxGridCommandColumn object in the Columns template.

You can also define a FilterRowCellTemplate to display custom content in the column’s filter row cell.

Documentation | Demo

API Changes

The Grid component now includes two types of columns: data and command. To avoid confusion with column names, we made the following changes to the API:

  • You should now use the DxGridDataColumn class instead of the DxGridColumn class to add a data column to the Grid.
  • We made the DxGridColumn class abstract and it now contains the base API for data and command columns.

We also renamed the following templates:

Group Footer Summary

You can now display group summary values in group footers. To do this, set the summary item’s FooterColumnName property to the name of a group footer column.

Documentation | Demo

Group Footer Templates

The new DxGridColumn.GroupFooterTemplate and DxGrid.ColumnGroupFooterTemplate properties allow you to customize individual or all group footers.

Group Footer Display Mode

The Grid shows group footers if they contain summary values or custom template content and the corresponding groups are expanded.

You can use the new GroupFooterDisplayMode property to change the display mode of group footers to Always, Never, or IfExpanded.

We also renamed the ShowFooter option to FooterDisplayMode to make it consistent with GroupFooterDisplayMode. The FooterDisplayMode property specifies the visibility of the total footer.

Column Name

We introduced the Name property to all Grid columns. Use this property to specify the column’s unique identifier.

Chart

Refresh Chart Data and Rerender the Component in Code

In v21.1.5, we introduced two new methods to the Chart component:

  • RefreshData - Reloads chart data and redraws the component.
  • RedrawAsync - Re-renders the Chart and its child components.

ComboBox

Validate Text

Value and display text can differ in a ComboBox component. You can use the new ValidateBy property to specify which component’s property (Value or Text) is used for input validation.

Form Layout

Group Header Customization

You can now specify a template for a group header. To do this, define the HeaderTemplate component within the group’s markup, add the render fragment to the template, and wrap group items in the Items component.

To apply CSS classes to a group header, use the new HeaderCssClass property.

Group Appearance Customization

To apply a CSS class to the entire group, use the new CssClass property.

Popup

Initialization State

The Popup cannot be shown until the component is initialized. To track the initialization state from code, use the IsInitialized property. For example, you can check this property value before you call the ShowAsync method.

Button

Navigate URL

Use the new NavigateUrl property to specify the URL the client web browser navigates to when you click the button.

Resolved Issues

See our Version History for a complete list of issues resolved in v21.1.5.

21.1.4

Navigation and Layout

Menu - Data Binding

You can now bind the Menu component to a data source. In this mode, items from the data source automatically populate menu items. To do this, use the component’s Data and DataMappings properties.

Demo | Documentation

Context Menu, TreeView - Binding to Flat Data

You can now bind the Context Menu and TreeView components to flat data (a collection of items that are available at one level). Use the following properties to enable this feature:

Popup - Close Reason

The DxPopup.Closing event’s arguments now include a new property - CloseReason. This property identifies an action that closes the Popup. The available actions are:

  • Programmatically
  • EscapePress
  • CloseButtonClick
  • OutsideClick

Form Layout

Disabled and Read-Only Modes at Various Component Levels

You can now activate disabled/read-only mode for all auto-generated editors at the following Form Layout levels:

  • An entire component
  • A layout group, tab, or tab page
  • A layout item

The Form Layout and its elements apply values of the corresponding properties (Enabled and ReadOnly) to nested elements. If you specify the corresponding property for a nested element, this value overrides the common value.

Omit the Template Tag for Form Layout Items

When you specify a template for a Form Layout item, you can now omit the <Template>...</Template> tag and specify the template’s content in the item’s markup. This improves the readability of the page layout code.

Data Editors

CheckBox

Allow/Restrict Indeterminate State

Use the new AllowIndeterminateState property to specify whether the CheckBox component supports the indeterminate state.

Wrap Mode for Long Labels

If the CheckBox label is too long to fit the parent component, use the new LabelWrapMode property to specify whether the label’s text should be wrapped or cropped.

Charts

The Maximum Number of Automatic Scale Breaks

The new MaxAutoBreakCount property allows you to limit the number of auto-created scale breaks.

Resolved Issues

See our Version History for a complete list of issues resolved in v21.1.4.

Breaking Changes

  • T1001744: TreeView, ContextMenu - Some API members related to data binding are now obsolete. A new data binding approach was introduced
  • T1007681: Scheduler - CRUD events changed their delegate type from Action to EventCallback
  • T1003629: The DxChartValueBreaks class is now obsolete

21.1.3

New Grid (CTP)

Our new Blazor Grid component includes the following features:

  • Data Binding
  • Custom Data Source Support
  • Large Datasets
  • Unbound Columns
  • Sorting by Value
  • Sorting by Display Text
  • Custom Sorting
  • Grouping
  • Group Intervals
  • Custom Grouping
  • Paging
  • Total and Group Summary
  • Custom Summary
  • Cell, Column Header, Group Row, and Footer Templates
  • Custom Display Text

Demo

New Rich Text Editor (CTP)

Our new Blazor Rich Text Editor (Word Processor) allows you to quickly incorporate advanced text editing functionality into your next Blazor app. You can create, open, edit, convert, save, and print rich-formatted text files (DOCX, RTF, TXT). Its features include:

  • Ribbon UI
  • Print Layout / Simple View
  • Horizontal Ruler
  • Character & Paragraph Formatting
  • Bullets & Numbering
  • Header & Footer
  • Document Sections
  • Table of Contents
  • Bookmarks & Links
  • Page Numbers
  • Fields
  • Pictures & Text Inputs
  • Undo / Redo

Demo | Documentation | Get Started

New Masked Input

Our new Blazor Masked Input component includes the following integrated features:

  • Text, Numeric, Date-Time, and Regular Expression Mask support
  • Read-only and Disabled States
  • Null Text
  • Clear Button

Demo | Documentation

New Report Viewer

v21.1 ships with the first-ever native Blazor Report Viewer component. The new component targets the Blazor Server platform and features the following built-in features/capabilities:

  • C# Public API
  • Print / Export
  • Toolbar UI
  • Bootstrap Theme support
  • Parameters Panel
  • Drill-Down support
  • Interactive Sorting
  • Zoom support

Get Started

New Project Wizard

v21.1 ships with a new Blazor Project Wizard. This wizard allows you to choose a theme and specify localization settings for your Blazor application.

Bootstrap 5 Support

DevExpress Blazor UI components now support Bootstrap 5. Set the global BootstrapVersion option to v5 and follow the migration guide to get started.

Migration to .NET 5.0

DevExpress Blazor UI components now support .NET 5.0 (exclusively). All Project Templates in the DevExpress Template Gallery have been updated to reflect this change.

Charts

Pan and Zoom

Users can now zoom and pan the chart area with the mouse wheel or touch gestures. To enable this feature, add the DxChartZoomAndPanSettings component to the Chart's markup and specify its ArgumentAxisZoomAndPanMode and ValueAxisZoomAndPanMode properties.

Demo | Documentation

Axis Label Format

The new ChartElementFormat class defines format settings for axis labels. You can specify various numeric and date-time formats along with format specific settings like precision. You can also use the FromLdmlString method to create the desired custom format.

Add/Remove Extra Margins to Outermost Series Points

The new EndOnTick option determines whether Chart axes begin and end on ticks. The SideMarginsEnabled option adds extra margin space between outermost series points and chart boundaries.

Custom Chart Size

Use the Width and Height properties to specify the Chart's size.

Disable Chart Animation

To disable chart animation, add the DxChartAnimationSettings component into the Chart's markup and disable the Enabled option.

Data Aggregation

The DevExpress Blazor Chart component now offers data aggregation support. Data aggregation significantly improves rendering performance (when rendering a chart against an extremely large set of data points). Aggregation methods include: Auto, Average, Count, Financial, Max, Min, Range, and Sum.

Demo | Documentation

Data Editors

Input Masks

DevExpress Blazor data input UI components allow you to apply input masks with ease. Masks define data entry constraints and help ensure data consistency and information integrity.

Our Blazor data input UI components support the following mask types:

  • Date-Time
  • Numeric (e.g. currency, percentage, etc.)

Demo - Date-Time Masks | Demo - Numeric Masks | Documentation

Move Focus to an Editor in Code

Our Blazor Data Editors include a new FocusAsync method that allows you to focus the input field in code.

Navigation and Layout

Popup - Header, Body, and Footer Customization

Our Blazor Popup API now offers extended customization options for the following UI elements:

Demo

Popup Size

Our new MinHeight, MaxHeight, MinWidth, and MaxWidth properties allow you to explicitly define a popup's size constraints whenever a popup adapts itself to content.

You can also use the Height and Width properties to manually specify Popup size.

Demo

Popup Position

Use our new HorizontalAlignment and VerticalAlignment properties to position a Popup on screen. (Demo)

Show Multiple Popups

You can now display multiple Popups simultaneously. Popup Z-indices are updated automatically (based on display order). This release also includes a new ZIndex property. You can use this new property to specify a popup's Z-index manually. (Demo)

Popup - Show and Close Actions

In addition to the Close button, you can now press Escape or click outside the Popup's boundaries to close a Popup. This release includes two customization options - CloseOnEscape and CloseOnOutsideClick. These options can be used to disable this functionality.

Our new ShowAsync and CloseAsync methods allow you to asynchronously display and hide a Popup in code.

We've also implemented the following new events:

  • Showing - Fires before the Popup is displayed and allows you to cancel this action.
  • Shown - Fires after the Popup is displayed.
  • Closing - Fires before the Popup is closed and allows you to cancel this action.
  • Closed - Fires after the Popup is closed.

Demo

Tabs - Tab Content Render Modes

Use the new DxTabs.RenderMode property to specify how the DevExpress Blazor Tab component loads tab content. Render modes are as follows:

  • Default. Adds tab content to the DOM each time a tab is activated (replaces the content of the previously active tab).
  • All Tabs. Renders all tab content on initial load and persists it within the DOM. This mode should only be used for apps with a few tabs in its layout (as it can increase page load time).
  • On Demand. Renders tab content when a tab is activated and persists it in the DOM.

API Enhancements

Scheduler

New Month View

Our Blazor Scheduler ships with a new Month View option. The Month View includes a MonthCount property.

Demo | Documentation

New Timeline View

Our new Blazor Timeline View arranges events and appointments across an easy-to-read horizontal timeline. Thanks to its flexible design, our Timeline View allows you to display multiple time rulers with different scales.

Demo | Documentation

Appointment Tooltip Customization

You can now customize appointment/event tooltips as needed. Use the new AppointmentTooltipTemplate property to specify custom layouts and custom appearance settings for your tooltip. (Demo)

Restrict User Actions

The following new options allow you to configure/control Scheduler-related actions available to end users:

Demo

API Enhancements

Resolved Issues

See our Version History for a complete list of issues resolved in v20.1.3.

Breaking Changes

  • T982678: DevExpress Blazor components no longer support .NET Core 3.1
  • T999135: Data Grid - Localization strings have changed their prefix from Grid_ to DataGrid_
  • T999158: Data Editors - Changed alignment of data editors in CSS containers
  • T986360: Charts - The DxChartCommonSeries.AggregationMethod and DxChartSeries.AggregationMethod properties have become obsolete
  • Scheduler
    • T990675: Behavior of appointment edit forms has changed
    • T990618: Horizontal appointments now display their status
    • T990650: The rendering of horizontal appointments was changed
  • Popup
    • T986662: The Popup has changed its rendering
    • T986363: The CloseButtonClick event has become obsolete
    • T972514: The Content property has become obsolete
    • T972521: The FooterTemplate property has changed its behavior and signature
    • T972518: The HeaderTemplate property has changed its signature
    • T985590: The Visible property has changed its default value
    • T986380: The Popup has changed its default position on the screen
  • T975366: Context Menu - Renamed API members
  • T975628: The MenuItemsPosition enum has been replaced with the ItemPosition enum
  • T980276: TreeView - The DxTreeViewNode.NavigateUrl property set to a non-empty URL no longer has an effect.
  • T999452: DxTabs - The markup of the tab content area has been changed
  • T995722: Form Layout - Changed the default approach used to calculate caption paddings

20.2.6

Data Grid

Drop-down width modes for Combobox columns:

  • Content or editor width
  • Content width
  • Editor width

Documentation

Data Editors

HTML events

Data editors based on the standard HTML input element now apply popular event handlers to the input element directly. For a complete list of data editors and supported event handlers, refer to the following help topic: HTML Attributes and Events.

Spin Edit

You can now use the mouse wheel to change an editor’s value.

Chart Enhancements

The new DxChartToooltip.Position property specifies whether the component displays tooltips inside or outside the series.

Scheduler Enhancements

Use the new DxSchedulerDataStorage.RecurrenceSettings property to define common settings for all recurrent appointments displayed in the Scheduler.

CodeRush

CodeRush now includes templates that allow you to quickly create popular DevExpress components for Blazor in Visual Studio. For more information, refer to the following help topic: Templates for DevExpress Components.

Resolved Issues

See our Version History for a complete list of issues resolved in v20.2.6.

Breaking Change

T971305 - Charts - The DxChartTooltip.Enabled property should be set to true to display tooltips with templates.

20.2.5

New Menu Component

Our new Menu component for Blazor includes the following features:

  • Horizontal/vertical orientation
  • Display modes (Auto, Desktop, and Mobile)
  • Adaptive layout
  • Templates for menu items, item text, and item submenu

Demo | Documentation

Chart Enhancements

Grid lines visibility. To add vertical grid lines or hide both vertical and horizontal grid lines to/from the Chart component, use the axis’s Visible property.

Scheduler Enhancements

Handle the new StartDateChanged event to synchronize the range of visible dates in the Scheduler with external components or labels.

Resolved Issues

See our Version History for a complete list of issues resolved in v20.2.5.

Breaking Change

T958401 - Popup - The CloseButtonClick event changed the delegate type from Action to EventCallback

20.2.4

Grid Layout

Named Areas for Responsive Layouts

You can now create named areas, assign them to layout items, and place these areas in grid rows to create responsive layouts. (Documentation | Demo)

Data Editors

Input CSS Classes

The new InputCssClass property allows you to apply predefined or custom CSS classes to the input element of the ComboBox, Date Edit, Spin Edit, Text Box, and Time Edit.

Memo – Text Area CSS Class

The new TextAreaCssClass property allows you to apply a predefined or custom CSS class to the Memo’s text area.

Date Edit and Calendar – First Week of the Year

Use the WeekNumberRule property to specify the first week of the year in the calendar.

Upload

Authentication and Cancel Upload

Handle the new FileUploadStart event to add authentication information to upload requests, cancel an upload based on a condition or change the upload URL.

Blazor Project Templates

.NET 5.0 Support

The DevExpress Template Gallery now allows you to create a Blazor application that targets .NET 5.0.

Resolved Issues

See our Version History for a complete list of issues resolved in v20.2.4.

20.2.3

Support for .NET 5.0

In this version, we added support for .NET 5.0 Release Candidate 2.

Blazor Components in the DevExpress Installer

You can now use the DevExpress .NET Product Installer to install DevExpress Blazor components.(Documentation)

Visual Studio Integration

Blazor Project Templates

The DevExpress Template Gallery now includes Blazor project templates. (Documentation)

New Grid Layout

The new Grid Layout for Blazor allows you to arrange UI elements on a page. The component is based on a CSS Grid Layout: layout items are organized into rows and columns.

Demo | Documentation

New Stack Layout

The new Stack Layout for Blazor allows you to stack UI elements vertically or horizontally.

Demo | Documentation

New Layout Breakpoint

The new Layout Breakpoint component for Blazor allows you to adapt a page layout to different screen sizes. For example, you can use breakpoints to create responsive DxGridLayout, DxStackLayout, or any other components.

Demo | Documentation

New Time Editor

The new Time Edit component for Blazor has the following features:

  • DateTime / TimeSpan binding
  • Integrated drop-down Time Picker
  • 12 / 24 Hour Format support
  • Min / Max Time support
  • Read-Only and Disabled States
  • Null Text
  • Clear Button

Demo | Documentation

Data Grid Enhancements

Total and Group Summaries

The Data Grid can now compute summaries across all data rows or individual groups. Predefined aggregate functions include:

  • Sum
  • Min
  • Max
  • Avg
  • Count

Demo | Documentation

Column Resize

Users can now resize grid columns. To enable this feature, use the ColumnResizeMode property.

Demo | Documentation

Fixed Columns

You can now use the new FixedStyle property to anchor columns to the left or rightmost edge of the grid. These fixed columns are never scrolled horizontally.

Demo | Documentation

Scheduler

Custom Appointment Form

Our new AppointmentFormLayout and AppointmentCompactFormLayout properties allow you to create a custom appointment form.

Demo | Documentation

Resources

With this release, you can associate Scheduler appointments with resources (such as employees, locations, and so on). Then, you can use the new GroupType property to group appointments by resources or dates. The Scheduler also ships with a Resource Navigator that allows you to filter resource groups.

Demo | Documentation

Data Editors

Date Edit - Display Time

The new TimeSectionVisible property allows you to display time values in the Date Edit component.

Long Mouse Click / Long Key Press Support

Users can now long click or long key press to modify the Spin Edit value. In the ComboBox and TagBox components, users can use a long key press to navigate through items.

Resolved Issues

See our Version History for a complete list of issues resolved in v20.2.

Breaking Changes

20.1.11

Resolved Issues

See our Version History for a complete list of issues resolved in v20.1.11.

20.1.10

Resolved Issues

See our Version History for a complete list of issues resolved in v20.1.10.

20.1.9

Resolved Issue

In this version, we resolved the following issue:

  • T951686 - .NET 5.0: The "Microsoft.WebTools.Shared.Exceptions.WebToolsException: Build failed." error occurs while publishing a project with v20.1.8

20.1.8

Support for .NET 5.0

In this version, we added support for .NET 5.0.

Resolved Issues

See our Version History for a complete list of issues resolved in v20.1.8.

20.1.7

Support for .NET Core 3.1.8

In this version, we added support for .NET Core 3.1.8.

DevExpress Project Templates

You can now create Blazor Server and WebAssembly apps based on DevExpress project templates that include:

  • References to the DevExpress Blazor NuGet package and DevExpress resources
  • The DevExpress Blazing Berry theme
  • Sidebar navigation based on the TreeView component
  • The Data Grid component

Documentation

Data Grid Enhancements

You can customize text displayed in the pop-up Edit Form's header. (Documentation)

Data Editors Enhancements

  • Date Edit
    • The new CustomDisabledDate event allows you to disable selection of specific dates in the component’s calendar. (Documentation | Demo)
    • You can now specify a custom null value for the Date Edit. This value is applied to the editor each time a user clears the Date Edit's content. (Documentation)
  • Calendar - The new VisibleDateChanged event allows you to handle changes to the month and year in the component.
  • ComboBox, TagBox, ListBox - You can now specify custom column captions for multi-column editors. (Documentation | Demo)
  • Disabled state. The new Enabled property allows you to disable a data editor. The disabled editor does not respond to user interactions and users cannot change the editor's value/state.

Form Layout Enhancements

  • Disabled state for DevExpress editors in Form Layout items. (Documentation)
  • Read-only mode for DevExpress editors in Form Layout items. (Documentation)

Toolbar Enhancements

You can now control whether the Toolbar automatically closes the sub-menu after a user clicks this menu’s item. (Documentation)

Resolved Issues

See our Version History for a complete list of issues resolved in v20.1.7

Breaking Change

Date Edit - The DateEdit_AdaptiveDatePickerNotification localization string has been replaced with the DateEdit_DisabledDateNotification and DateEdit_OutOfRangeNotification strings

20.1.6

Support for .NET Core 3.1.7 and Blazor WebAssembly 3.2.1

In this version, we added support for .NET Core 3.1.7 and Blazor WebAssembly 3.2.1.

New Memo Component

The new Memo component for Blazor has the following features:

  • Data binding
  • Custom size
  • Resize modes
  • Clear button
  • Read-only state

Demo | Documentation

Data Grid Enhancements

New Popup Edit Form

You can now edit row values in a pop-up Edit Form. (Demo | Documentation)

Scheduler Enhancements

  • Appointment Templates - Use templates to customize appointment appearance (Demo | Documentation)

  • Custom Fields - Add custom data to Scheduler’s appointments, labels, and statuses (Documentation)

  • New API properties that allow you to assign CSS classes to appointment labels and statuses (Documentation)

Data Editors Enhancements

  • ComboBox, TagBox, ListBox - Support for multiple columns (Demo | Documentation)

  • ComboBox, TagBox, ListBox - Binding to a data object field (Demo)

  • Calendar enhancements

    • Validation support
    • Nullable DateTime support
    • Binding to a single date (Documentation)

  • CheckBox, ComboBox, DateEdit, SpinEdit, TagBox - New InputId property

Form Layout Enhancements

You can now assign CSS classes to layout items and to captions of items, tab pages, and groups.

Processing Events

Changed the delegate type from Action to EventCallback in multiple components.

Resolved Issues

Refer to Version History for a complete list of issues resolved in 20.1.6.

Breaking Changes

20.1.5

Support for .NET Core 3.1.5

In this version, we added support for .NET Core 3.1.5.

Data Grid Enhancements

Data Editors Enhancements

Other Enhancements

Resolved Issues

Refer to Version History for a complete list of issues resolved in 20.1.5.

Breaking Changes

20.1.4

Support for .NET Core 3.1.4 and Blazor WebAssembly 3.2.0

In this version, we added support for the .NET Core 3.1.4 and the Blazor WebAssembly 3.2.0 Release.

New Reporting Components *

With our 20.1.4 release, we added Blazor Reporting components with the following features:

  • Document Viewer

    • Preview and print documents
    • Export to different formats (PDF, XLS, XLSX, RTF, DOCX, MHT, HTML, TXT, CSV, Image)
    • Navigation via buttons and bookmarks
    • Search support
    • Multi-page mode
    • Full screen mode

  • Report Designer

    • Support for different report types (Table Report, Master-Detail Report, * * * Invoice Report, Vertical Report, and so on)
    • Bind to data (SQL, JSON and Object data sources)
    • 20+ report controls, including Charts and Pivot Tables
    • Report Wizard
    • Data Source Wizard and Query Builder
    • Built-in Document Viewer
    • Data shaping and analytics
    • Parameters support
    • Data navigation
    • Appearance customization

Demo - Document Viewer | Demo - Report Designer | Documentation

* Important Note: Though DevExpress Reports supports Blazor, it is not included in our Blazor UI component distribution. To use DevExpress Reports in your Blazor project or to replicate the functionality described below, you must purchase a DevExpress Subscription (Reporting Subscription, ASP.NET Subscription, DXperience, or Universal). For more information on what is included in our product subscriptions, refer to the product matrix.

New Toolbar Component

The new Toolbar component for Blazor has the following features:

  • Various button types
    • Drop-down items
    • Checked/unchecked items
    • Radio groups
    • Link items
  • Button render and style customization
  • Adaptive mode

Demos | Documentation

New Context Menu Component

The new Context Menu component for Blazor with the following features:

  • Data binding
  • Unbound mode
  • Item groups
  • Item appearance customization

Demos | Documentation

Size Modes

The majority of DevExpress Blazor components now support three size modes defined in your Bootstrap theme: small, medium, and large. You can apply a size mode to an individual component (for example, a data editor or pager), all compatible components in a container (for example, Data Grid or Form Layout), or for the entire application. (Documentation)

Data Grid Enhancements

Charts Enhancements

Data Editors Enhancements

Resolved Issues

Refer to Version History for a complete list of issues resolved in 20.1.4.

Breaking Changes

19.2.4 Release

.NET Core 3.1.2 Support

In this version, we added support for the .NET Core 3.1.2 update.

New Upload Component

Our new Upload component for Blazor includes the following features:

  • Chunk upload for large files
  • Upload multiple files at once
  • Drag-and-drop area for uploaded files
  • File extension and size validation
  • Instant upload
  • Upload on a button click

Demos | Documentation

Added

Fixed

Breaking Changes

19.2.4-Preview

New Upload Component

Our new Upload component for Blazor includes the following features:

  • Chunk upload for large files
  • Upload multiple files at once
  • Drag-and-drop area for uploaded files
  • File extension and size validation
  • Instant upload
  • Upload on a button click

19.2.3 Release

Please also explore new features and breaking changes introduced in 19.2.1 Beta and 19.2.2 Beta versions.

New Bootstrap Theme

We created a new “Blazing Berry” theme for applications that are built using Bootstrap v4. This theme is now the default theme for our online demos.

New Components

In this version, we added two new components to our DevExpress UI for Blazor:

  • Button
  • TagBox

Added

  • Data Grid
    • Page size selector
    • The ability to limit the number of visible numeric buttons in a pager
    • Row preview section
    • New row initialization
    • Reload data in code
  • Chart - The ability to specify an axis type
  • Spin Edit - Hide spin buttons
  • Pager - The ability to limit the number of visible numeric buttons
  • Popup
    • Footer template
    • Change the header's visibility in code
    • Change the component’s visibility in code
    • A scrollbar in the pop-up window’s content.

Fixed

Breaking Changes

Known Issues

19.2.2 Beta

.NET Core 3.1.1 Support

In this version, we support .NET Core 3.1.1 that contains security and reliability fixes.

Increased Stability

We polished features delivered in 19.2.1 Beta.

Breaking Changes

19.2.1 Beta

Added

  • Localization
  • Data Grid
    • Asynchronous data binding
    • Binding to custom data sources
    • A CheckBox column
    • The Go to Page input box to jump to the corresponding page
  • Scheduler - New events to handle CRUD operations (add, update, and remove appointments)
  • Date Edit, Spin Edit, and Text Box - NullText support
  • Pager - The Go to Page input box to jump to the corresponding page

Fixed

Breaking Changes

19.1.10

.NET Core 3.1 Support

In this version, we added support for the release of .Net Core 3.1.

New CheckBox Component

We added the following features to the new Blazor CheckBox component:

  • Bind to any data type
  • Toggle switch mode
  • Support for the indeterminate state
  • Customizable appearance

Added

  • Data Grid
    • Handle a row click
    • Cell and row HTML decoration
    • Ctrl+click to clear a column’s sort order
  • TreeView – Load child nodes on demand
  • Date Edit – Support for null values
  • The Clear button was added to the Text Box, Spin Edit, Date Edit, and ComboBox

Fixed

Breaking changes

19.1.9

Added

  • Data Grid - Save and restore the layout
  • Date Edit - ScrollPicker mode

Fixed

Changed API

19.1.8

Fixed

Added

  • Data Grid

    • API for managing the index of the current page (PageIndex and PageIndexChanged)
    • API for getting the current page count (PageCount and PageCountChanged)

  • TreeView

    • Templates
    • Customizing the way how end-users can expand/collapse nodes
    • Detecting whether the event triggering was caused by an API method call or not.
    • Finding all nodes that satisfy the specified condition (predicate).
    • Getting the node's parent node information.

19.1.7

Added

  • Support for .NET Core 3.0 Release

0.4.1

Fixed

  • Date Edit - Clicking a date does not work properly in Data Grid's Edit Form
  • Date Edit - The component does not prevent an internal calendar from changing a selected day in read-only mode
  • Data Grid - A click on a grid header with Ctrl pressed opens a new tab in Firefox
  • Data Grid - Grouping data by a ComboBox column outputs a column value to a group row instead of text
  • Data Grid - Expanding a DateTime group does not display data rows
  • Data Grid - A format string applied to a Spin Edit column does not affect a corresponding cell in a group row
  • List Box - The component does not allow selecting a range of items with Shift pressed if the ShowCheckboxes property is set to true

RC

New Components

  • Calendar
  • List Box
  • Popup

Added

  • Data Grid
    • Bind to ExpandoObjects instances
    • Bind to complex data objects
    • Filter Row enhancements
  • Charts - New series types: Financial, Range, Pie, and Donut

Changed API

  • ComboBoxDataLoadMode {Default, VirtualScrolling} renamed to ListRenderMode {Entire, Virtual}
  • DxComboBox.DataLoadMode renamed to DxComboBox.ListRenderMode

0.3.3

Added

  • Support for .NET Core 3.0 Release Candidate 1

0.3.2

Added

Form Layout

  • Build group layouts for different screen resolutions. Use the DxFormLayoutGroup class' ColSpanXX properties to specify the width of layout groups for different screens.
  • Build tabbed layouts for different screen resolutions. Use the DxFormLayoutTabPages class' ColSpanXX properties to specify the width of layout tabs for different screens.

Fixed

0.3.1

Added

  • Support for NET Core 3.0 Preview 9

Beta 3

Added

  • Data Grid
    • Multiple selection
    • Specify a column's position in code
    • Drag and drop column headers
    • Grouping
    • Master-Detail view
  • Scheduler - Appointment editing
  • Text Box - Password mode
  • All Data Editors - Read-only mode

Changed API

  • DxDataGrid.AllowDataRowSelection became obsolete, use DxDataGrid.SelectionMode = “DataGridSelectionMode” instead.
  • DxDataGrid.SelectedDataRow renamed to DxDataGrid.SingleSelectedDataRow.
  • DxDataGrid.SelectedDataRowChanged renamed to DxDataGrid.SingleSelectedDataRowChanged.

Beta 2

New Chart Component

We included the following features in the new Blazor Chart component:

  • Area, Bar, Line, and Bubble series types
  • Dynamic series creation
  • Tooltip and legend customization
  • Multiple axes
  • Pivot Grid data visualization

Added

  • Support for .Net Core 3.0 Preview 8
  • Data Grid
    • Enable/disable sorting within the entire grid (API)
    • Control an individual column’s sorting (enable/disable sorting, set up a column sort order and position among sorted columns)
    • Multiple column sorting
    • Cell text alignment
    • Customize command buttons and control their visibility

Beta 1

New Scheduler Component

The new Scheduler component supports the following features:

  • Three built-in views: Day, Work Week and Week
  • Data binding
  • Recurring appointments

Added

  • Support for .Net Core 3.0 Preview 7
  • Data Grid
    • Toggle column visibility
    • Horizontal scrolling
    • Vertical scrolling
  • TreeView - Data binding
  • Form Layout - Toggle item visibility

Changed API

  • ComboBoxDataLoadMode.Defaul renamed to ComboBoxDataLoadMode.Default.
  • Pivot Grid-related enumerations moved from the DevExpress.Blazor.PivotGrid namespace to the DevExpress.Blazor namespace.
  • The SortOrder enumeration renamed to PivotGridSortOrder, and its members (Asc and Desc) renamed to Ascending and Descending, respectively.

[0.0.12]

Added

  • Data Grid - Virtual scroll
  • ComboBox - Virtual scroll

Changed API

  • Data Grid
    • AllowRowSelection renamed to AllowDataRowSelection
    • SelectedDataItem renamed to SelectedDataRow
    • SelectedItemChanged renamed to SelectedDataRowChanged
  • TreeView
    • ExpandedChanging divided into two events: BeforeCollapse and BeforeExpand
    • ExpandedChanged divided into two events: AfterCollapse and AfterExpand

[0.0.11]

Added

  • TreeView
  • ComboBox
    • Filter data
    • Allow user input
    • Keyboard support

[0.0.10]

Added

  • .Net Core 3.0 Preview 6 support

[0.0.9]

Fixed:

  • Data Grid
    • A row cannot be selected on iOS.
    • The NullReferenceException occurs when a user edits a new row with a null row editor value.
  • ComboBox - A drop-down item cannot be selected on iOS.
  • Form Layout - The NullReferenceException occurs when the component is bound to a Model with null property values.

[0.0.8]

Added:

Data Grid

  • Cascading combo boxes in the cell's Edit Template
  • Edit Form with custom templates
  • Edit Form validation

Fixed:

[0.0.7]

Added

  • Support for Blazor Validation in the Form Layout component and date editors
  • Support for NullText in the ComboBox component
  • Theme switcher for demos

[0.0.6]

Fixed

  • Fix Blazor (client-side) support

[0.0.5]

Added

  • .Net Core 3.0 Preview 5 support

[0.0.4]

Added

  • New Form Layout Component.
  • New Tabs Component.
  • Use a new Form Layout component as the Data Grid's edit form.
  • .Net Core 3.0 Preview 4 support.
  • Follow Microsoft's renaming from "Razor Components" to "Blazor".

[0.0.3]

Added

  • Update DevExtreme.AspNet.Data to version 2.2.0 to improve the overall performance.
  • Add the Bootstrap hover and select effects to the ComboBox' drop-down list items.  

Fixed

  • The down arrow image is not properly aligned within the ComboBox' drop-down button.
  • Arrow images within the Date Edit calendar's month/year navigation buttons do not have the same height.

[0.0.2]

Fixed

  • A New command button does not always work properly in the Data Grid.

[0.0.1]

Initial version contains:

  • Data Grid
  • Pivot Grid
  • Data Editors (ComboBox, Date Edit, Spin Edit, Text Box)
  • Pager