How to apply DataFormatString on a array or IEnumerable object in MVC Razor?

Question

I have an array of double in my View Model and I'd like to apply a data format string like shown below:

class MyVM 
{
    [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:F2}")]
    public double Currents[] { get; set; }
}

In my View, I am using EditorFor on the array like shown below, which is properly working except its not applying the data format string.

@Html.EditorFor(model => model.Currents)

I learned that I can use custom templates, but was wondering is there is a simpler way than creating a custom template. If custom template is the only solution, what is the simplest custom template that should take care of the formatting? I tried creating one but was not successful in applying the data format string properly.

I can create a CurrentsTemplate.cshtml in the ~Views\Shared folder with the below content

@model double[]

@foreach (double x in Model) {
<div class="editor-field">
    @Html.TextBoxFor(m=>x, "{0:F2}")
</div>
}

and use that by calling @Html.EditorFor(m => m.Currents,"CurrentsTemplate"), it will work but the form data is not persisting after its POSTed. Guess I need hidden fields in the for loop along with the TextBox.

Sorry thats not an option...need an array since its lots of numbers — Raj
– Raj, Commented Mar 6, 2013 at 3:38

Huske · Accepted Answer · 2013-03-06 09:04:02Z

1

Create a custom template that will format your double as needed. That way when MVC sees double it will use your template rather than it's internal logic for displaying it.

For example, create a EditorTemplates folder in your Views\Shared folder, then create strongly partial view of type double named double.cshtml.

This piece of code

@model double

@Html.TextBoxFor(m => m, "{0:F2}")

Hope this helps.

edited Mar 6, 2013 at 9:04

answered Mar 6, 2013 at 8:54

Huske

9,3062 gold badges40 silver badges55 bronze badges

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

3 Comments

Raj Over a year ago

You solution will change the data format for all doubles in the entire project if the double.cshtml is in ~Views\Shared folder. However I can create ~Views\MyController\Shared folder and leave the double.cshtml in that folder then it will apply to only MyController but all doubles will be formatted to 2F.

Raj Over a year ago

I meant ~Views\MyController\EditorTemplates folder

Huske Over a year ago

True. I wasn't sure which option you needed so I placed the code in the Shared folder.

Raj · Accepted Answer · 2013-03-07 04:12:26Z

The solution is to use the actual member name along with the desired data format string in the @Html.TextBoxFor helper. Since the data is an IEnumerable simply place it in a for loop. The generated HTML will contain appropriate name field that matches the View Model's member name which is important for data persistence across POST backs. No hidden HTML form fields needed.

@for (int k = 0; k < Model.Currents.Count(); k++ ) {
    @Html.TextBoxFor(model => model.Currents[k], "{0:F2}")                                                           
}

The above will work with proper data formatting. It generates

 <input name="Currents[0]" id="Currents_0_" type="text" data-val-number="The field Double must be a number." data-val="true" value="0.8"/>

and works with proper persistence across POST backs.

The following three cases don't work:

case 1:

@foreach (double x in Model) {
    @Html.TextBoxFor(m=>x, "{0:F2}")
}

Does not persist across POST backs as it generates HTML with name="x".
This one applies proper data formatting though.

case 2:

@Html.EditorFor(m => m.Currents)

Does not data format as needed
But persists across POST backs since actual view data member name is used in the generated HTML.

case 3:

@Html.EditorFor(m => m.Currents, "TemplateName")

Same as case 1.

Collectives™ on Stack Overflow

How to apply DataFormatString on a array or IEnumerable object in MVC Razor?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related