Difficulties with @htm helpers mvc web application

Hi all,

Earlier on, I wrote a code in c# windows forms.

I made some sort of calculator that takes a numbers from the user and calculates them.

In MVC, if we have:

Numbers.cs file in Models folder which has the following content:

{

public int id {get; set;}

public int n1 {get; set;} // n1 stands for number 1

public int n2 {get; set;} // n1 stands for number 1

public int result {get; set;}

}

So, I want to take n1 and n2 values from the user in mvc.

there should be a button to add.

then I have a label (with the name result) on the webpage

and a textbox/form next to it.

Upon clicking add, the result should be automatically printed in the textbox/form that is close the the result.

I also want to have the result textbox/form property set to"read only".

There are few difficulties that I am facing:

1. I want to change the width of the textbox/form that is associated with @html.EditFor or any other html helper

2. I want the result to be automatically appear on the @html.EditorFor/ form/ textbox that is associated with the Result lable.

3. I also want the result to be automatically stored in the database based on Numbers.cs file.

I know how to achieve that in winforms, but i have no idea how to achieve that in mvc, especially with the presence of html helpers.

thank you alot in advance for any help.

regards,

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Asma Khalid9y ago
For readonly you can set property as @Html.TextBoxFor(m => m.result, new { @readonly="readonly" })

for changing width you can use @Html.TextBoxFor(m => m.result, new { style = "width: 100px;" })

for result you need to use Ajax.BeginForm(....)

you can store the result on the time when add button is clicked.
Nilesh Shah9y ago
http://www.c-sharpcorner.com/blogs/create-simple-online-calculator-using-mvc-and-jquery

https://github.com/flextry/Telerik-Academy/tree/master/ASP.NET%20Web%20Forms/01.%20Introduction%20to%20ASP.NET/01.%20Calculator%20(ASP.NET%20MVC)