File Manager - How to use it in ASP.NET Core Razor Pages
This example shows DevExtreme FileManager, which is bound to a default file sytem provider. The page handler methods work as backend here.Files to look at: • Index.cshtml • Index.cshtml.cs •...
View ArticleFile Uploader - How to upload images in Razor Pages
This example shows how to upload images in an ASP.NET Core Razor Pages application using DevExtreme FileUploader. The project also shows how to display links to uploaded images.Files to look at: •...
View ArticleDataGrid - ASP.NET MVC - How to configure routing based on Http[Verb]...
This example demonstrates how to configure routing based on Http[Verb] attributes to support CRUD operations in DataGrid.Set the Controller, LoadAction, UpdateAction, InsertAction, and DeleteAction...
View ArticleWeb Document Viewer - How to change the name of a print job in printer queue
In desktop applications, the name of a report in printer queue is taken from the XtraReport.DisplayName property value. You can override it in the XtraReport.PrintingSystem.StartPrint event handler by...
View ArticleClik here to view.
How to use the Document Viewer in JavaScript with React Library
This example consists of two parts: • A server (back-end) ASP.NET MVC project that enables cross-domain requests (CORS) (Access-Control-Allow-Origin) and implements a custom web report storage. • A...
View ArticleClik here to view.
How to use the End-User Web Report Designer in JavaScript with React Library
This example consists of two parts: • A server (back-end) ASP.NET MVC project that enables cross-domain requests (CORS) (Access-Control-Allow-Origin) and implements a custom web report storage. • A...
View ArticleClik here to view.
How to use the Web Document Viewer in JavaScript with the Vue JavaScript...
This example consists of two parts: • A server (back-end) ASP.NET MVC project that enables cross-domain requests (CORS) (Access-Control-Allow-Origin) and implements a custom web report storage. • An...
View ArticleClik here to view.
How to use the End-User Web Report Designer in JavaScript with Vue Framework
This example consists of two parts: • A server (back-end) ASP.NET MVC project that enables cross-domain requests (CORS) (Access-Control-Allow-Origin) and implements a custom web report storage. • An...
View ArticleUse Subreports to Add a Chart
This project performs the following tasks: 1. Create the main report that lists products grouped by category. • The report's GroupHeader band displays the category name. • The band's GroupFields...
View ArticleHow to Use the ASP.NET Core Back-End to Integrate the Document Viewer and...
This example consists of two parts: • A server (back-end) ASP.NET Core project that enables cross-domain requests (CORS) (Access-Control-Allow-Origin) and implements a custom web report storage. •...
View ArticleClik here to view.
How to Perform the JavaScript Document Viewer (Reporting) Integration (with...
This example demonstrates how to integrate the HTML5 Document Viewer in JavaScript application based on the server-side model.This example is created by performing the steps described in the Basic...
View ArticleHow to localize DevExpress Blazor components
This example demonstrates how to translate DevExpress Blazor components into different languages. The localization mechanism depends on your application’s hosting model: Blazor server (ASP.NET Core) or...
View ArticleScheduler for Blazor - How to implement CRUD operations with a Web API Service
This example contains two projects: 1. DataSourceWebApi project This .NET Core project implements a Web API service with a connection to the MedicsScheduling database. The DataBase folder contains a...
View ArticleDataGrid for Blazor - How to bind it to the Web API Service
There are two projects: 1. MyTestWebService 2. DataGridWithWebApiService MyTestWebService A sample project implementing a web API with ASP.NET Core.ORM is EntityFrameworkCore.The data base is...
View ArticleDevExpress Blazor Components - A way to set predefined settings for the...
In the case of a large Web application, you often use controls with the same settings on numerous pages. It's quite annoying to specify the same settings many times. In this example we show how to...
View ArticleBlazor Data Grid - How to use icons instead of default command buttons
This example illustrates how to create custom HTML elements in DxDataGrid's command columns, specify icons for them and use the StartRowEdit method to initiate editing an existing row or adding a new row.
View ArticleBlazor Data Grid - How to save/load a grid's layout information
This example illustrates how to use the LayoutChanged, LayoutRestoring events and the SaveLayout and LoadLayout methods to save layout information to some storage. After that this information can be...
View ArticleBlazor Editors - How to implement the multiple selection editor
This example illustrates two different ways to implement the multiple selection editor. In both case our DxListBox box is used. • In the first way, our DxListBox component is placed inside our...
View ArticleBlazor Data Grid - How to bind a grid to a DataTable object
DxDataGrid can be bound only to the IEnumerable collection of objects. So, a DataTable object cannot be directly passed to the DxDataGrid.Data property.In the case when the structure of the used...
View ArticleBlazor Data Grid - How to edit/delete the selected row by clicking on...
This example illustrates how to start editing/delete the selected row in DxDataGrid programmatically. Our Data Grid provides the StartRowEdit method, which accepts a data item from the grid's data...
View Article
