Razor Syntax

• Oct 07, 2025

ASP.NET Core applications use Razor syntax to embed server-side C# code in HTML files. You can specify Razor code that generates custom HTML markup. DevExpress ASP.NET Core controls generate DevExtreme JavaScript components. The following code snippet demonstrates Razor code in the Razor.cshtml tab and generated HTML markup in the index.html tab:

Razor.cshtml

@(Html.DevExtreme().Button()
    .ID("submitButton")
    .Text("Submit")
    .Icon("check")
    .Type(ButtonType.Success)
)

index.html

<div id="submitButton"></div>
<script>
    DevExpress.utils.readyCallbacks.add((function($) {
        $("#submitButton").dxButton({
            "text": "Submit",
            "icon": "check",
            "type": "success",
        });
    }).bind(this, jQuery));
</script>

Refer to the following topics for more information:

• Create a Control
• Specify Options
• Strongly-Typed Helpers
• Handle Events and Define Callbacks
• Call Methods
• Use Markup to Specify Content