ASP.NET MVC 3: Override "name" attribute with TextBoxFor
C#asp.net Mvc-3RazorHtml HelperC# Problem Overview
Is it possible when using Html.TextBoxFor
to override the name attribute?
I have tried with no success. I need to use TextBoxFor to get client side validation to work, however for reasons I won't go into I need the name of the textbox to be different from the generated one.
I have tried the following:
@Html.TextBoxFor(x => x.Data, new { name = Model.Key + "_Data", id = Model.Key + "_Data" })
Which works for ID but not name. Is this possible?
Update: Looking into the code for TextBoxFor. It doesn't look like there is an easy way. Hopefully someone can prove me wrong.
C# Solutions
Solution 1 - C#
Rob, actually there is a much simpler way. Instead of name, use Name:
@Html.TextBoxFor(x => x.Data, new { Name = Model.Key + "_Data", id = Model.Key + "_Data" })
Solution 2 - C#
Are you asking this because you want to apply a prefix to the name? If so, you can do this by setting ViewData.TemplateInfo.HtmlFieldPrefix
in your Controller.
I learnt a lot about this stuff from Brad Wilson's blog.
Solution 3 - C#
EditorFor has an overload where you can supply the name
attribute as a parameter:
@Html.EditorFor(expression, null, name)
Solution 4 - C#
Try EditorFor. you can pass string as template name if you want to make sure textbox is rendered even if property type is not string. If property is string already, it does not need templatename
explicitly to render textbox, so you can pass null
. Note that it does not require id parameter explicitly, it will infer it from element name. And all the validation things are still active with EditorFor
@Html.EditorFor(x => x.Data, "string", Model.Key + "_Data")
Solution 5 - C#
ben's answer got me what I was looking for except you need to wrap in in Html.Raw
@Html.Raw(Html.TextBoxFor(x => x.Data).ToString().Replace("Data", "NewData"))
Solution 6 - C#
It is called Microsoft GOTCHA...
Use the name in caps, like this
@Html.TextBoxFor(m => m.Reply.Answer, new { Name = "Whatyouwant" })
Solution 7 - C#
a little bit "unpretty"=), try:
@Html.TextBoxFor(x => x.Data).ToString().Replace("Data", "NewData")
Solution 8 - C#
For me, it works! I hope that help!
@Html.EditorFor(model => model.Nome, new { htmlAttributes = new { @class = "form-control", @maxlength = "80", @id = "NomeFilter", @Name = "NomeFilter" } })
Solution 9 - C#
@Html.EditorFor(Model => Model.Something, "name", "name", new {@class = "form-control" })
Not sure which of those two string parameters in the middle do the work, but it worked only when I typed both of them.
Solution 10 - C#
For this example, I was disabling form fields based on permissions, but still showing them. I had a hidden field to send the value to the controller, but wanted a different field name in the EditorFor. First param after model value represents the "name" property, second is the new name.
@Html.EditorFor(m => m.UserName, "name", "UserNameDisabled", new { htmlAttributes = new { @class = "form-control", @disabled = "disabled"} });
Results in:
<input class="form-control text-box single-line" disabled="disabled" id="UserNameDisabled" name="UserNameDisabled" type="text" value="someEnteredValue" />
Solution 11 - C#
Keep it simple, your already providing the ID you should simply be able to use the method "TextBox" instead of "TextBoxFor" and it will work fine client side and server side. In addition, although the accepted answer will work but will produce duplicate Name attributes on your tag if you inspect it using a browser. The below solution does not have that problem.
MvcHtmlString Html.TextBox(string name, string value, object htmlAttributes)
@Html.TextBox(Model.Key + "_Data", Model.Key, new { id = Model.Key + "_Data" }