Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
vladaskorohodova merged 1 commit into from
Jun 16, 2026
Merged

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

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion api-reference/10 UI Components/GridBase/1 Configuration/editing/form.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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")
Expand Down
4 changes: 2 additions & 2 deletions api-reference/10 UI Components/GridBase/1 Configuration/filterValue.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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))
Expand Down Expand Up @@ -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))
Expand Down
8 changes: 6 additions & 2 deletions ...mponents/dxChart/1 Configuration/commonAxisSettings/aggregatedPointsPosition.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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)
)
// ...
)

Expand Down
2 changes: 0 additions & 2 deletions ...nce/10 UI Components/dxChart/5 Series Types/CommonSeries/label/displayFormat.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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");
Expand All @@ -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");
Expand Down
4 changes: 2 additions & 2 deletions api-reference/10 UI Components/dxFileUploader/1 Configuration/onBeforeSend.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -138,7 +138,7 @@ An object that provides information about the file upload session.

<!--Razor C#-->
@(Html.DevExtreme().FileUploader()
.OnBeforeSend("onBeforeSend");
.OnBeforeSend("onBeforeSend")
// ...
)

Expand All @@ -152,7 +152,7 @@ An object that provides information about the file upload session.

<!--Razor C#-->
@(Html.DevExtreme().FileUploader()
.OnBeforeSend("onBeforeSend");
.OnBeforeSend("onBeforeSend")
// ...
)

Expand Down
4 changes: 2 additions & 2 deletions api-reference/10 UI Components/dxFileUploader/1 Configuration/onFilesUploaded.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -129,7 +129,7 @@ The UI component's instance.

<!--Razor C#-->
@(Html.DevExtreme().FileUploader()
.OnFilesUploaded("onFilesUploaded");
.OnFilesUploaded("onFilesUploaded")
// ...
)

Expand All @@ -143,7 +143,7 @@ The UI component's instance.

<!--Razor C#-->
@(Html.DevExtreme().FileUploader()
.OnFilesUploaded("onFilesUploaded");
.OnFilesUploaded("onFilesUploaded")
// ...
)

Expand Down
4 changes: 2 additions & 2 deletions api-reference/10 UI Components/dxFileUploader/1 Configuration/onUploadError.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -157,7 +157,7 @@ The following code shows how you can handle a network error.

<!--Razor C#-->
@(Html.DevExtreme().FileUploader()
.OnUploadError("onUploadError");
.OnUploadError("onUploadError")
// ...
)

Expand All @@ -174,7 +174,7 @@ The following code shows how you can handle a network error.

<!--Razor C#-->
@(Html.DevExtreme().FileUploader()
.OnUploadError("onUploadError");
.OnUploadError("onUploadError")
// ...
)

Expand Down
2 changes: 0 additions & 2 deletions ...omponents/dxPieChart/5 Series Types/CommonPieChartSeries/label/displayFormat.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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");
Expand All @@ -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");
Expand Down
2 changes: 0 additions & 2 deletions ...nents/dxPolarChart/5 Series Types/CommonPolarChartSeries/label/displayFormat.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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");
Expand All @@ -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");
Expand Down
4 changes: 2 additions & 2 deletions ...reference/10 UI Components/dxPopup/1 Configuration/toolbarItems/toolbarItems.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>)
Expand All @@ -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">
Expand Down
34 changes: 4 additions & 30 deletions ...ference/10 UI Components/dxScheduler/1 Configuration/resources/allowMultiple.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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")
Expand All @@ -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")
Expand All @@ -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"
},
// ...
}
// ...
}

---

Expand Down
12 changes: 0 additions & 12 deletions api-reference/10 UI Components/dxTextEditor/1 Configuration/inputAttr.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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" }
})
)

---
2 changes: 1 addition & 1 deletion api-reference/10 UI Components/dxTreeList/3 Methods/getSelectedRowsData(mode).md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
20 changes: 0 additions & 20 deletions api-reference/30 Data Layer/ArrayStore/ArrayStore.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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" }
Expand Down
8 changes: 0 additions & 8 deletions api-reference/30 Data Layer/DataSource/1 Configuration/expand.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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#####
Expand Down
24 changes: 0 additions & 24 deletions api-reference/30 Data Layer/DataSource/1 Configuration/sort.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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#####
Expand Down
12 changes: 0 additions & 12 deletions api-reference/30 Data Layer/ODataStore/ODataStore.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand Down
11 changes: 0 additions & 11 deletions api-reference/30 Data Layer/XmlaStore/XmlaStore.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>.
Expand Down
7 changes: 0 additions & 7 deletions api-reference/50 Common/Object Structures/positionConfig/at/at.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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)
)

---

7 changes: 0 additions & 7 deletions ...nce/50 Common/Object Structures/positionConfig/boundaryOffset/boundaryOffset.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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)
)

---
Loading
Loading