Update ASP.NET code snippets (popular components, batch 1) (#8882) (#8884)

vladaskorohodova · web-flow · commit 46098e017fae · 2026-06-16T14:51:38.000+04:00
diff --git a/api-reference/10 UI Components/GridBase/1 Configuration/editing/form.md b/api-reference/10 UI Components/GridBase/1 Configuration/editing/form.md
@@ -125,7 +125,7 @@ Default form editors depend on the [columns' configuration](/api-reference/10%20
                             groupItems.AddSimple().DataField("Full_Name");
                             groupItems.AddSimple().DataField("Position");
                             groupItems.AddSimple().DataField("Duties")
-                                .Editor(e => e.TextArea());
+                                .Editor(g => g.TextArea());
                         });
                     i.AddGroup()
                         .Caption("Contacts")
diff --git a/api-reference/10 UI Components/GridBase/1 Configuration/filterValue.md b/api-reference/10 UI Components/GridBase/1 Configuration/filterValue.md
@@ -116,7 +116,7 @@ The filter expression can contain the following operations: *"="*, *"<>"*, *"<"*
 ##### ASP.NET MVC Controls
 
     <!-- tab: Razor C# -->
-    @(Html.DevExtreme().DataGrid()
+    @(Html.DevExtreme().{WidgetName}()
         // ...
         .FilterSyncEnabled(true)
         .HeaderFilter(hf => hf.Visible(true))
@@ -257,7 +257,7 @@ If a column's [groupInterval](/api-reference/40%20Common%20Types/15%20grids/Colu
 ##### ASP.NET MVC Controls
 
     <!-- tab: Razor C# -->
-    @(Html.DevExtreme().DataGrid()
+    @(Html.DevExtreme().{WidgetName}()
         // ...
         // Filter intervals are 500-600 and 700-800
         .HeaderFilter(headerFilter => headerFilter.Visible(true))
diff --git a/api-reference/10 UI Components/dxChart/1 Configuration/commonAxisSettings/aggregatedPointsPosition.md b/api-reference/10 UI Components/dxChart/1 Configuration/commonAxisSettings/aggregatedPointsPosition.md
@@ -111,15 +111,19 @@ Specifies the start position of the aggregated series points in the aggregation
 
     <!--Razor C#-->
     @(Html.DevExtreme().Chart()
-        .AggregatedPointsPosition(AggregatedPointsPosition.CrossTicks)
+        .CommonAxisSettings(s => s
+            .AggregatedPointsPosition(AggregatedPointsPosition.CrossTicks)
+        )
         // ...
     )
 
 ##### ASP.NET MVC Controls
 
     <!--Razor C#-->
     @(Html.DevExtreme().Chart()
-        .AggregatedPointsPosition(AggregatedPointsPosition.CrossTicks)
+        .CommonAxisSettings(s => s
+            .AggregatedPointsPosition(AggregatedPointsPosition.CrossTicks)
+        )
         // ...
     )
 
diff --git a/api-reference/10 UI Components/dxChart/5 Series Types/CommonSeries/label/displayFormat.md b/api-reference/10 UI Components/dxChart/5 Series Types/CommonSeries/label/displayFormat.md
@@ -183,7 +183,6 @@ The example below illustrates how to customize label text for all series and ind
                 .Visible(true)                    
                 )
             )
-        )
         .Series(s => {
             s.Add().ValueField("y1564").Name("15-64 years");
             s.Add().ValueField("y014").Name("0-14 years");
@@ -205,7 +204,6 @@ The example below illustrates how to customize label text for all series and ind
                 .Visible(true)                    
                 )
             )
-        )
         .Series(s => {
             s.Add().ValueField("y1564").Name("15-64 years");
             s.Add().ValueField("y014").Name("0-14 years");
diff --git a/api-reference/10 UI Components/dxFileUploader/1 Configuration/onBeforeSend.md b/api-reference/10 UI Components/dxFileUploader/1 Configuration/onBeforeSend.md
@@ -138,7 +138,7 @@ An object that provides information about the file upload session.
 
     <!--Razor C#-->
     @(Html.DevExtreme().FileUploader()
-        .OnBeforeSend("onBeforeSend");
+        .OnBeforeSend("onBeforeSend")
         // ...
     )
 
@@ -152,7 +152,7 @@ An object that provides information about the file upload session.
 
     <!--Razor C#-->
     @(Html.DevExtreme().FileUploader()
-        .OnBeforeSend("onBeforeSend");
+        .OnBeforeSend("onBeforeSend")
         // ...
     )
 
diff --git a/api-reference/10 UI Components/dxFileUploader/1 Configuration/onFilesUploaded.md b/api-reference/10 UI Components/dxFileUploader/1 Configuration/onFilesUploaded.md
@@ -129,7 +129,7 @@ The UI component's instance.
 
     <!--Razor C#-->
     @(Html.DevExtreme().FileUploader()
-        .OnFilesUploaded("onFilesUploaded");
+        .OnFilesUploaded("onFilesUploaded")
         // ...
     )
 
@@ -143,7 +143,7 @@ The UI component's instance.
 
     <!--Razor C#-->
     @(Html.DevExtreme().FileUploader()
-        .OnFilesUploaded("onFilesUploaded");
+        .OnFilesUploaded("onFilesUploaded")
         // ...
     )
 
diff --git a/api-reference/10 UI Components/dxFileUploader/1 Configuration/onUploadError.md b/api-reference/10 UI Components/dxFileUploader/1 Configuration/onUploadError.md
@@ -157,7 +157,7 @@ The following code shows how you can handle a network error.
 
     <!--Razor C#-->
     @(Html.DevExtreme().FileUploader()
-        .OnUploadError("onUploadError");
+        .OnUploadError("onUploadError")
         // ...
     )
 
@@ -174,7 +174,7 @@ The following code shows how you can handle a network error.
 
     <!--Razor C#-->
     @(Html.DevExtreme().FileUploader()
-        .OnUploadError("onUploadError");
+        .OnUploadError("onUploadError")
         // ...
     )
 
diff --git a/api-reference/10 UI Components/dxPieChart/5 Series Types/CommonPieChartSeries/label/displayFormat.md b/api-reference/10 UI Components/dxPieChart/5 Series Types/CommonPieChartSeries/label/displayFormat.md
@@ -175,7 +175,6 @@ The example below illustrates how to customize label text for all series and ind
                 .Visible(true)                    
                 )
             )
-        )
         .Series(s => {
             s.Add().ValueField("y1564").Name("15-64 years");
             s.Add().ValueField("y014").Name("0-14 years");
@@ -196,7 +195,6 @@ The example below illustrates how to customize label text for all series and ind
                 .Visible(true)                    
                 )
             )
-        )
         .Series(s => {
             s.Add().ValueField("y1564").Name("15-64 years");
             s.Add().ValueField("y014").Name("0-14 years");
diff --git a/api-reference/10 UI Components/dxPolarChart/5 Series Types/CommonPolarChartSeries/label/displayFormat.md b/api-reference/10 UI Components/dxPolarChart/5 Series Types/CommonPolarChartSeries/label/displayFormat.md
@@ -180,7 +180,6 @@ The example below illustrates how to customize label text for all series and ind
                 .Visible(true)                    
                 )
             )
-        )
         .Series(s => {
             s.Add().ValueField("y1564").Name("15-64 years");
             s.Add().ValueField("y014").Name("0-14 years");
@@ -202,7 +201,6 @@ The example below illustrates how to customize label text for all series and ind
                 .Visible(true)                    
                 )
             )
-        )
         .Series(s => {
             s.Add().ValueField("y1564").Name("15-64 years");
             s.Add().ValueField("y014").Name("0-14 years");
diff --git a/api-reference/10 UI Components/dxPopup/1 Configuration/toolbarItems/toolbarItems.md b/api-reference/10 UI Components/dxPopup/1 Configuration/toolbarItems/toolbarItems.md
@@ -93,7 +93,7 @@ In the following code, two items are defined on the toolbar: one is plain text,
 
     <!-- tab: Index.cshtml -->
     @(Html.DevExtreme().{WidgetName}()
-        <!-- ... -->
+        // ...
         .ContentTemplate(@<text>
             <p>{WidgetName} content</p>
         </text>)
@@ -106,7 +106,7 @@ In the following code, two items are defined on the toolbar: one is plain text,
                     .Text("Refresh")
                     .OnClick("refresh"))
                 .Location(ToolbarItemLocation.After);
-        }
+        })
     )
     
     <script type="text/javascript">
diff --git a/api-reference/10 UI Components/dxScheduler/1 Configuration/resources/allowMultiple.md b/api-reference/10 UI Components/dxScheduler/1 Configuration/resources/allowMultiple.md
@@ -290,7 +290,7 @@ Note that you should specify resources for appointments in your data source acco
     <!--Razor C#-->
     @(Html.DevExtreme().Scheduler()
         .DataSource(Model.Appointments)
-        .Resources(res => {
+        .Resources((Action<CollectionFactory>) (res => {
             res.Add()
                 .FieldExpr("RoomId")
                 .ValueExpr("Id")
@@ -306,29 +306,16 @@ Note that you should specify resources for appointments in your data source acco
                 .DisplayExpr("Text")
                 .AllowMultiple(true)
                 .DataSource(Model.Assignees);
-        })                
+        }))                
         // ...
     )
-    <!-- C# -->
-    public partial class SampleData {
-        public static readonly IEnumerable<AppointmentWithResources> AppointmentsWithResources = new[] {
-            new AppointmentWithResources {
-                Text = "Website Re-Design Plan",
-                AssigneeId = [3, 4], RoomId = 1, 
-                StartDate = "2021-04-26T16:30:00.000Z",
-                EndDate = "2021-04-26T18:30:00.000Z"
-            },
-            // ...
-        }         
-        // ...
-    }
 
 ##### ASP.NET MVC Controls
 
     <!--Razor C#-->
     @(Html.DevExtreme().Scheduler()
         .DataSource(Model.Appointments)
-        .Resources(res => {
+        .Resources((Action<CollectionFactory>) (res => {
             res.Add()
                 .FieldExpr("RoomId")
                 .ValueExpr("Id")
@@ -344,22 +331,9 @@ Note that you should specify resources for appointments in your data source acco
                 .DisplayExpr("Text")
                 .AllowMultiple(true)
                 .DataSource(Model.Assignees);
-        })                
+        }))                
         // ...
     )
-    <!-- C# -->
-    public partial class SampleData {
-        public static readonly IEnumerable<AppointmentWithResources> AppointmentsWithResources = new[] {
-            new AppointmentWithResources {
-                Text = "Website Re-Design Plan",
-                AssigneeId = [3, 4], RoomId = 1, 
-                StartDate = "2021-04-26T16:30:00.000Z",
-                EndDate = "2021-04-26T18:30:00.000Z"
-            },
-            // ...
-        }         
-        // ...
-    }
 
 ---
 
diff --git a/api-reference/10 UI Components/dxTextEditor/1 Configuration/inputAttr.md b/api-reference/10 UI Components/dxTextEditor/1 Configuration/inputAttr.md
@@ -98,16 +98,4 @@ Specifies the attributes to be passed on to the underlying HTML element.
         })
     )
 
-    <!--Razor VB-->@(Html.DevExtreme().{WidgetName}() _
-        .InputAttr("id", "inputId")
-        ' ===== or =====
-        .InputAttr(New With {
-            .id = "inputId"
-        })
-        ' ===== or =====
-        .InputAttr(New Dictionary(Of String, Object) From {
-            { "id", "inputId" }
-        })
-    )
-
 ---
diff --git a/api-reference/10 UI Components/dxTreeList/3 Methods/getSelectedRowsData(mode).md b/api-reference/10 UI Components/dxTreeList/3 Methods/getSelectedRowsData(mode).md
@@ -176,7 +176,7 @@ Returns data objects of the end nodes ("leaves") only.
     <script type="text/javascript">
         function getSelectedData() {
             var treeList = $("#treeList").dxTreeList("instance");
-            var selectedRowsData = treeList.getSelectedRowsData();
+            var selectedRowsData = treeList.getSelectedRowsData("leavesOnly");
             // ...
         }
     </script>
diff --git a/api-reference/30 Data Layer/ArrayStore/ArrayStore.md b/api-reference/30 Data Layer/ArrayStore/ArrayStore.md
@@ -175,26 +175,6 @@ dx.web.js, dx.viz.js, dx.all.js
         }, "id")
     )
 
-    <!--Razor VB-->@(Html.DevExtreme().WidgetName() _
-        .DataSource(Function(ds)
-            Return ds.Array() _
-                     .Key("id") _
-                     .Data({
-                         New With { .id = 1, .state = "Alabama", .capital = "Montgomery" },
-                         New With { .id = 2, .state = "Alaska", .capital = "Juneau" },
-                         New With { .id = 3, .state = "Arizona", .capital = "Phoenix" }
-                     })
-        End Function)
-    )
-    @* ===== or a simplified version ===== *@
-    @(Html.DevExtreme().WidgetName() _
-        .DataSource({
-            New With { .id = 1, .state = "Alabama", .capital = "Montgomery" },
-            New With { .id = 2, .state = "Alaska", .capital = "Juneau" },
-            New With { .id = 3, .state = "Arizona", .capital = "Phoenix" }
-        }, "id")
-    )
-
 ---
 
 #include datalayer-store-note-immutable with { name: "ArrayStore" }
diff --git a/api-reference/30 Data Layer/DataSource/1 Configuration/expand.md b/api-reference/30 Data Layer/DataSource/1 Configuration/expand.md
@@ -89,14 +89,6 @@ Specifies the navigation properties to be loaded with the OData entity. Availabl
         )
     )
 
-    <!--Razor VB-->
-    @(Html.DevExtreme().WidgetName() _
-        .DataSource(Function(ds)
-            Return ds.OData() _
-                     .Expand("PropertyName1", "PropertyName2")
-        End Function)
-    )
-    
 ---
 
 #####See Also#####
diff --git a/api-reference/30 Data Layer/DataSource/1 Configuration/sort.md b/api-reference/30 Data Layer/DataSource/1 Configuration/sort.md
@@ -157,30 +157,6 @@ A function that returns the value to sort by.
         }
     </script>
 
-    <!--Razor VB-->
-    @(Html.DevExtreme().WidgetName() _
-        .DataSourceOptions(Sub(dso)
-            dso.Sort("Position", True) ' for sorting by a single field
-            ' === or ===
-            dso.Sort("sort_function")
-            ' === or ===
-            dso.Sort(Sub(s)             ' for sorting by multiple fields
-                s.AddSorting("Position")
-                s.AddSorting("Last_Name", True)
-            End Sub)
-        End Sub)
-    )
-
-    <script type="text/javascript">
-        function sort_function(e) {
-            // CEOs are always displayed at the top
-            if(e.Position == "CEO")
-                return "!";
-            else
-                return e.Position;
-        }
-    </script>
-
 ---
 
 #####See Also#####
diff --git a/api-reference/30 Data Layer/ODataStore/ODataStore.md b/api-reference/30 Data Layer/ODataStore/ODataStore.md
@@ -143,18 +143,6 @@ dx.web.js, dx.viz.js, dx.all.js
         )
     )
 
-    <!--Razor VB-->@(Html.DevExtreme().WidgetName() _
-        .DataSource(Function(ds)
-            Return ds.OData() _
-                     .Url("http://www.example.com/Northwind.svc/Products") _
-                     .Key("ProductID") _
-                     .KeyType(EdmType.Int32) _
-                     @* ... *@
-                     @* Other ODataStore properties go here *@
-                     @* ... *@
-        End Function)
-    )
-
 ---
 
 To access an entire OData service, use the [ODataContext](/api-reference/30%20Data%20Layer/ODataContext '/Documentation/ApiReference/Data_Layer/ODataContext/') instead.
diff --git a/api-reference/30 Data Layer/XmlaStore/XmlaStore.md b/api-reference/30 Data Layer/XmlaStore/XmlaStore.md
@@ -138,17 +138,6 @@ The **XmlaStore** is used in the [PivotGridDataSource](/api-reference/30%20Data%
         )
     )
 
-    <!--Razor VB-->@(Html.DevExtreme().PivotGrid() _
-        .DataSource(Function(ds)
-            Return ds.Store(Function(s)
-                    Return s.Xmla() _
-                            .Url("http://my-web-srv01/OLAP/msmdpump.dll") _
-                            .Catalog("AdventureWorksDW2012") _
-                            .Cube("Adventure Works")
-                    End Function)
-        End Function)
-    )
-
 ---
 
 The **XmlaStore** currently supports only the Microsoft Analysis Services OLAP tool. Refer to the <a href="https://docs.microsoft.com/en-us/analysis-services/multidimensional-tutorial/multidimensional-modeling-adventure-works-tutorial?view=asallproducts-allversions" target="_blank">Multidimensional Modeling</a> tutorial for more information on it. To learn how to configure HTTP access to Analysis Services on IIS, see <a href="https://docs.microsoft.com/en-us/sql/analysis-services/instances/configure-http-access-to-analysis-services-on-iis-8-0?view=sql-analysis-services-2017" target="_blank">this article</a>.
diff --git a/api-reference/50 Common/Object Structures/positionConfig/at/at.md b/api-reference/50 Common/Object Structures/positionConfig/at/at.md
@@ -102,12 +102,5 @@ To set this property, use an object with the **x** and **y** fields. These field
         )
     )
 
-    <!--Razor VB-->
-    @(Html.DevExtreme().Popup() _
-        .Position(Sub(p)
-            p.At(HorizontalAlignment.Left, VerticalAlignment.Top)
-        End Sub)
-    )
-
 ---
     
diff --git a/api-reference/50 Common/Object Structures/positionConfig/boundaryOffset/boundaryOffset.md b/api-reference/50 Common/Object Structures/positionConfig/boundaryOffset/boundaryOffset.md
@@ -104,11 +104,4 @@ In the following code, left and right boundaries are narrowed (**x** is 50), but
         )
     )
 
-    <!--Razor VB-->
-    @(Html.DevExtreme().Popup() _
-        .Position(Sub(p)
-            p.BoundaryOffset(50, -50)
-        End Sub)
-    )
-
 ---
diff --git a/api-reference/50 Common/Object Structures/positionConfig/collision/collision.md b/api-reference/50 Common/Object Structures/positionConfig/collision/collision.md
diff --git a/api-reference/50 Common/Object Structures/positionConfig/my/my.md b/api-reference/50 Common/Object Structures/positionConfig/my/my.md
diff --git a/api-reference/50 Common/Object Structures/positionConfig/offset/offset.md b/api-reference/50 Common/Object Structures/positionConfig/offset/offset.md
diff --git a/api-reference/_hidden/GridBaseColumn/calculateDisplayValue.md b/api-reference/_hidden/GridBaseColumn/calculateDisplayValue.md
diff --git a/api-reference/_hidden/dxHtmlEditorToolbar/items/items.md b/api-reference/_hidden/dxHtmlEditorToolbar/items/items.md
diff --git a/concepts/05 UI Components/LoadIndicator/05 Show and Hide Using the API.md b/concepts/05 UI Components/LoadIndicator/05 Show and Hide Using the API.md
diff --git a/concepts/05 UI Components/Popup/10 Show and Hide the Popup/01 API.md b/concepts/05 UI Components/Popup/10 Show and Hide the Popup/01 API.md

Original file line number	Diff line number	Diff line change
`@@ -183,7 +183,6 @@ The example below illustrates how to customize label text for all series and ind`
`183`	`183`	`.Visible(true)`
`184`	`184`	`)`
`185`	`185`	`)`
`186`		`- )`
`187`	`186`	`.Series(s => {`
`188`	`187`	`s.Add().ValueField("y1564").Name("15-64 years");`
`189`	`188`	`s.Add().ValueField("y014").Name("0-14 years");`
`@@ -205,7 +204,6 @@ The example below illustrates how to customize label text for all series and ind`
`205`	`204`	`.Visible(true)`
`206`	`205`	`)`
`207`	`206`	`)`
`208`		`- )`
`209`	`207`	`.Series(s => {`
`210`	`208`	`s.Add().ValueField("y1564").Name("15-64 years");`
`211`	`209`	`s.Add().ValueField("y014").Name("0-14 years");`
Original file line number	Diff line number	Diff line change
`@@ -138,7 +138,7 @@ An object that provides information about the file upload session.`
`138`	`138`
`139`	`139`	`<!--Razor C#-->`
`140`	`140`	`@(Html.DevExtreme().FileUploader()`
`141`		`- .OnBeforeSend("onBeforeSend");`
	`141`	`+ .OnBeforeSend("onBeforeSend")`
`142`	`142`	`// ...`
`143`	`143`	`)`
`144`	`144`
`@@ -152,7 +152,7 @@ An object that provides information about the file upload session.`
`152`	`152`
`153`	`153`	`<!--Razor C#-->`
`154`	`154`	`@(Html.DevExtreme().FileUploader()`
`155`		`- .OnBeforeSend("onBeforeSend");`
	`155`	`+ .OnBeforeSend("onBeforeSend")`
`156`	`156`	`// ...`
`157`	`157`	`)`
`158`	`158`
Original file line number	Diff line number	Diff line change
`@@ -129,7 +129,7 @@ The UI component's instance.`
`129`	`129`
`130`	`130`	`<!--Razor C#-->`
`131`	`131`	`@(Html.DevExtreme().FileUploader()`
`132`		`- .OnFilesUploaded("onFilesUploaded");`
	`132`	`+ .OnFilesUploaded("onFilesUploaded")`
`133`	`133`	`// ...`
`134`	`134`	`)`
`135`	`135`
`@@ -143,7 +143,7 @@ The UI component's instance.`
`143`	`143`
`144`	`144`	`<!--Razor C#-->`
`145`	`145`	`@(Html.DevExtreme().FileUploader()`
`146`		`- .OnFilesUploaded("onFilesUploaded");`
	`146`	`+ .OnFilesUploaded("onFilesUploaded")`
`147`	`147`	`// ...`
`148`	`148`	`)`
`149`	`149`
Original file line number	Diff line number	Diff line change
`@@ -157,7 +157,7 @@ The following code shows how you can handle a network error.`
`157`	`157`
`158`	`158`	`<!--Razor C#-->`
`159`	`159`	`@(Html.DevExtreme().FileUploader()`
`160`		`- .OnUploadError("onUploadError");`
	`160`	`+ .OnUploadError("onUploadError")`
`161`	`161`	`// ...`
`162`	`162`	`)`
`163`	`163`
`@@ -174,7 +174,7 @@ The following code shows how you can handle a network error.`
`174`	`174`
`175`	`175`	`<!--Razor C#-->`
`176`	`176`	`@(Html.DevExtreme().FileUploader()`
`177`		`- .OnUploadError("onUploadError");`
	`177`	`+ .OnUploadError("onUploadError")`
`178`	`178`	`// ...`
`179`	`179`	`)`
`180`	`180`
Original file line number	Diff line number	Diff line change
`@@ -175,7 +175,6 @@ The example below illustrates how to customize label text for all series and ind`
`175`	`175`	`.Visible(true)`
`176`	`176`	`)`
`177`	`177`	`)`
`178`		`- )`
`179`	`178`	`.Series(s => {`
`180`	`179`	`s.Add().ValueField("y1564").Name("15-64 years");`
`181`	`180`	`s.Add().ValueField("y014").Name("0-14 years");`
`@@ -196,7 +195,6 @@ The example below illustrates how to customize label text for all series and ind`
`196`	`195`	`.Visible(true)`
`197`	`196`	`)`
`198`	`197`	`)`
`199`		`- )`
`200`	`198`	`.Series(s => {`
`201`	`199`	`s.Add().ValueField("y1564").Name("15-64 years");`
`202`	`200`	`s.Add().ValueField("y014").Name("0-14 years");`
Original file line number	Diff line number	Diff line change
`@@ -180,7 +180,6 @@ The example below illustrates how to customize label text for all series and ind`
`180`	`180`	`.Visible(true)`
`181`	`181`	`)`
`182`	`182`	`)`
`183`		`- )`
`184`	`183`	`.Series(s => {`
`185`	`184`	`s.Add().ValueField("y1564").Name("15-64 years");`
`186`	`185`	`s.Add().ValueField("y014").Name("0-14 years");`
`@@ -202,7 +201,6 @@ The example below illustrates how to customize label text for all series and ind`
`202`	`201`	`.Visible(true)`
`203`	`202`	`)`
`204`	`203`	`)`
`205`		`- )`
`206`	`204`	`.Series(s => {`
`207`	`205`	`s.Add().ValueField("y1564").Name("15-64 years");`
`208`	`206`	`s.Add().ValueField("y014").Name("0-14 years");`