Binding to Razor page model

[Mike Johnson]

I don't see how to bind these controls, the textbox for example, to the page model on my Razor page. 

This binds it using standard controls...

<input asp-for="Input.FirstName" class="form-control" />

How do I bind the ejs-textbox to my model?

[Narayanasamy Panneer Selvam]

Hi Mike, 

 

Good day to you. 

 

We have checked your query and have prepared a sample to meet your requirement. Please refer code snippet in below 

[index.cshtml] 

@model IndexModel 

    < div id = "textbox-control" > 

        <form method="post"> 

            <ejs-textbox id="textboxfor" name="firstname" placeholder="First Name" floatLabelType="Auto" ejs-for="@Model.firstname"></ejs-textbox> 

        </form> 

</div > 

 

 

[index.cshtml.cs] 

public string firstname { get; set; } = "John"; 

 

 

For your convenience we have prepared a sample using above code, kindly get it from the below link. 

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication1-523970717 

To know more about model binding in razor pages, please refer below UG link 

 

UG link: https://ej2.syncfusion.com/aspnetcore/documentation/getting-started/page-model-binding/ 

Online demo link: https://ej2.syncfusion.com/aspnetcore/TextBoxes/TextboxFor#/material 

 

Please let us know if you need any further assistance on this. 

 

Regards, 

Narayanasamy P.