Razor form asp.net mvc

Question

<% using (Html.BeginForm("DisplayCustomer","Customer",FormMethod.Post))
{ %>
Enter customer id :- <%= Html.TextBox("Id",Model)%> <br />
Enter customer code :- <%= Html.TextBox("CustomerCode",Model) %><br />
Enter customer Amount :- <%= Html.TextBox("Amount",Model) %><br />
<input type="submit" value="Submit customer data" />
<%} %>

Using Razor

    @using (Html.BeginForm("DisplayResult", "DisplayCustomer", FormMethod.Post)) { 
    @Html.ValidationSummary(true);

    @:Enter customer id :- @Html.TextBox("Id",Model)
    @:Enter customer code :[email protected]("Code",Model)
    @:Enter customer Amount :[email protected]("Amount",Model)
    <input type="submit" value="Enter the value" />

}

Compiler Error Message: CS1973: 'System.Web.Mvc.HtmlHelper' has no applicable method named 'TextBox' but appears to have an extension method by that name. Extension methods cannot be dynamically dispatched. Consider casting the dynamic arguments or calling the extension method without the extension method syntax.

@using (Html.BeginForm("DisplayResult", "DisplayCustomer", FormMethod.Post)) { 
    @Html.ValidationSummary(true);

    @:Enter customer id :- <input type="text" name="Id" />
    @:Enter customer code :-<input type="text" name="Code" />
    @:Enter customer Amount :-<input type="text" name="Amount" />
    <input type="submit" value="Enter the value" />

}

This works correctly

What am I doing wrong .I am trying to use the razor equivalent of the code given in first section.The second part is the razor code attempt and third works when only form is used .I also want to know if nest is the reason the error is happening

EDIT:-

  @:Enter customer id :- @Html.TextBox("Id")
  @:Enter customer code :[email protected]("Code")
  @:Enter customer Amount :[email protected]("Amount")

If I do not use model then everything works perfectly

Controller

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using MvcApplication1.Models;

namespace MvcApplication1.Controllers
{
    public class DisplayCustomerController : Controller
    {
        //
        // GET: /DisplayCustomer/
        [HttpPost]
        public ViewResult DisplayResult()
        {
            Customer objCustomer = new Customer();
            objCustomer.Id = Convert.ToInt16(Request.Form["Id"].ToString());  //101; 
            objCustomer.Amount =Convert.ToDouble(Request.Form["Amount"].ToString());// 80.00;
            objCustomer.Code = Request.Form["Code"].ToString();//"IE100"; 

            return View("DisplayResult", objCustomer);
        }
        public ActionResult ShowForm() 
        {

            return View("ShowForm");
        }

    }
}

Model

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace MvcApplication1.Models
{
    public class Customer
    {
        //private string Code;
      //  private int Id;
        //private double Amount;
        public String Code
        {
            get;
            set;
        }
        public int Id
        {
            get;
            set;
        }
        public double Amount
        {
            get;
            set;
        }

    }
}

View(ShowForm)

@{
    ViewBag.Title = "ShowForm";
}

<h2>ShowForm</h2>

@using (Html.BeginForm("DisplayResult", "DisplayCustomer", FormMethod.Post)) { 
    @Html.ValidationSummary(true);

    @:Enter customer id :- @Html.TextBox("Id")
    @:Enter customer code :[email protected]("Code")
    @:Enter customer Amount :[email protected]("Amount")
    <input type="submit" value="Submit" />

}

You are passing your entire model to each textbox. It should be Model.Code or whatever property name you need to display. I don't think that's the cause of the error, but something that should be fixed regardless. — user5886152
– user5886152, Commented Jul 24, 2016 at 23:38
@PhillipXT okay thanks for that but yes you are right that is not the reason for the error — codefreaK
– codefreaK, Commented Jul 24, 2016 at 23:39
The correct usage would be @Html.TextBoxFor(m => m.Id) or @Html.TextBox("Id") (and use LabelFor() for the label). But as noted above, that is not the cause of the error. Most likely you have not declared the model correctly - @model yourModel — user3559349
– user3559349, Commented Jul 24, 2016 at 23:41
@StephenMuecke Apart from label I am finding difficult to find what the issue is for the time being I can wing it with the third way but the real thing is missing — codefreaK
– codefreaK, Commented Jul 24, 2016 at 23:45

Community · Accepted Answer · 2017-05-23 12:22:36Z

11

Your error occurs because you have not declared the model in the view. Modify the view to

@model MvcApplication1.Models.Customer // add this
@{
    ViewBag.Title = "ShowForm";
}
....

Note the error will also occur if you use @model dynamic

I would however suggest a number of changes to your code. Firstly, always using a view model, especially when editing (refer What is ViewModel in MVC?). It is also preferable to use the ***For() methods to generate you controls, and you curret use of @Html.TextBox("Id", Model) would mean the each textbox would display "MvcApplication1.Models.Customer", not the value of the property. In addition, use LabelFor() to generate labels associated with your controls, and include ValidationMesageFor() for validation

public class CustomerVM
{
    [Display(Name = "Customer Id")]
    [Required(ErrorMesage = "Please enter the customer id")]
    public int? Id { get; set; }
    [Display(Name = "Customer Code")]
    [Required(ErrorMesage = "Please enter the customer code")]
    public string Code { get; set; }
    [Display(Name = "Customer Amount")]
    [Required(ErrorMesage = "Please enter the customer amount")]
    public double? Amount { get; set; }
}

and the view will be

@model yourViewModelAssembly.CustomerVM
....

@using (Html.BeginForm("DisplayResult", "DisplayCustomer", FormMethod.Post))
{
    @Html.AntiForgeryToken();
    @Html.ValidationSummary(true);
    @Html.LabelFor(m => m.Id)
    @Html.TextBoxFor(m => m.Id)
    @Html.ValidationMessageFor(m => m.Id)
    @Html.LabelFor(m => m.Code)
    @Html.TextBoxFor(m => m.Code)
    @Html.ValidationMessageFor(m => m.Code)
    ....
}

Side note: If the Id property is the PK, then that should not be included in the view as an editable control.

Its also unclear why you are submitting to a different method, and in any case your POST method does not do anything with the data (e.g. saving it). It just returns the same data back again, but to a different view. Typically your methods would be

public ActionResult Create()
{
    var model = new CustomerVM();
    return View(model);
}

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create(CustomerVM model)
{
    if (!ModelState.IsValid)
    {
        return View(model)
    }
    var customer = new Customer
    {
        Code = model.Code,
        Amount = model.Amount
    }
    .... // save the Customer and redirect
}

edited May 23, 2017 at 12:22

CommunityBot

11 silver badge

answered Jul 25, 2016 at 0:51

user3559349

Sign up to request clarification or add additional context in comments.

6 Comments

codefreaK Over a year ago

its regarding a different issueI am trying to do jquery ajax form post with webmethod and right now I am stuck with a situation the form also has fileupload part so what I am trying to do is send the submitted data as json format to webmethod .But right now I am forced to use 1 parameter variable for each text box and I am not able to retrieve the uploaded file .I have understood that form can be serialized but how to to receive the form at webmethod as a parameter and deserialize it

user3559349 Over a year ago

Your going to need to ask a new question with the relevant details and code (you can add a link to it here but I wont get a chance to look at it for a couple of hours)

codefreaK Over a year ago

stackoverflow.com/questions/38754763/… this is my question thanks

user3559349 Over a year ago

@SachinDivakar, That's webforms code (its been a long time since I used that), but have a look at this answer for serializing the form including file inputs and submitting it using ajax

codefreaK Over a year ago

is web methods a outdated technology and have every one moved on to MVC and

|

Collectives™ on Stack Overflow

Razor form asp.net mvc

Controller

Model

View(ShowForm)

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Controller

Model

View(ShowForm)

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related