storing an array of strings in a HiddenField asp.net

I need to store an array of string in a HiddenField in my webform with asp.net. Can anybody please tell me how I can achieve that? Thanks

Probably a few methods would work.

1) Serialize the String[] in JSON

This would be fairly easy in .NET using the JavaScriptSerializer class, and avoid issues with delimiter characters. Something like:

String[] myValues = new String[] { "Red", "Blue", "Green" };
string json = new JavaScriptSerializer().Serialize(myValues);

2) Come up with a delimiter that never appears in the strings

Delimit each string with a character such as ||| that will never appear in the string. You can use String.Join() to build this string. Something like:

String[] myValues = new String[] { "Red", "Blue", "Green" };
string str = String.Join("|||", myValues);

And then rebuild it like:

myValues = str.Split(new string[] { "|||" }, StringSplitOptions.RemoveEmptyEntries);

This might be the best option if you can trust your input, such as a series of numbers of pre-defined choices. Otherwise, you'd probably want to check your input strings to make sure they don't contain this delimiter if you wanted to be very safe. You could potentially use HttpUtility.HtmlEncode() to escape each string first.

To store the array

string[] myarray = new string[] {"1","2"};

myHiddenField.Value = String.Join(",", myarray);

To get the array

string[] myarray = myHiddenField.Value.Split(',');

Do you actually want to store it in a single field?

If you put each value in it's own hidden field, and give all the hidden fields the name of your property then the model binding will treat this as an array.

foreach (var option in Model.LookOptions)
{
    @Html.Hidden(Html.NameFor(model => model.LookOptions).ToString(), option)
}

Existing Answers

I'd always rather use the default property and model binder than having to wrap an array into a CSV and having to worry about splitting it and joining it on every single round trip to the client (as in the answers by @Mike Christensen and @codingbiz). This is exactly what the model binder is there for.

@David's answer points us in the right direction, but I'd rather not inline that type of logic into your view and relegate it to an EditorTemplate instead.

Preferred Solution

So you can add the following view ~/Views/Shared/EditorTemplates/HiddenArray.cshtml

@model Array

@foreach (var value in Model)
{
    <input type="hidden" value="@value"
           name="@Html.NameFor(model => model)"
           id="@(Html.IdFor(model => model))_@value" />
}

Then call like this from your model:

@Html.EditorFor(model => model.FavoriteAnimals, "HiddenArray")

Alternative Strategies

Here's how I arrived at manually specifying the name and id variable for each hidden input:

A) Can't use HiddenFor() inside a loop because it thinks the property name now includes the value
B) When we call EditorFor, the current model is added to the Route Prefix so if we pass the current model name as a string to to Hidden() we'll actually double up and the property name won't be able to bind on the way back.
C) It feels odd, but we can just pass an empty string as the name and rely on the Route Prefix to do its job, but because we're inside a loop, the ID that gets produced isn't valid HTML
D) By grabbing the name and ID from the model and incrementing the dummy ID, we can continue to output valid HTML, even though it's probably not likely to affect anything but html linters and audits

storing an array of strings in a HiddenField asp.net

Existing Answers

Preferred Solution

Alternative Strategies

Further Reading: