Dynamically create javascript array with c# code behind

Question

I am updating an old classic ASP site to a new .net 3.5 version. The page has a custom list control which the client (my boss) wants to keep. This list control requires several arrays in order to work correctly. the array is a multi-dimensional list of publications. This is what it looks like:

var publicationTable = [
    [31422,"Abilene Reporter News","Abilene","TX",false,"D",0],
    [313844,"Acadiana Weekly","Opelousas","LA",false,"W",1],
    [527825,"Action Advertiser","Fond du Lac","WI",false,"W",2]...n]

I want to generate this array server side and register it. I have looked at the msdn but this is a little trivial. The conceptual issue is that the array is a mixture of string and ints and I am not sure how to recreate this, so how?

You need a JavaScript var with an array exactly like your C# array? — Erick Petrucelli
– Erick Petrucelli, Commented May 7, 2011 at 0:35
I would recommend you don't inject data from the server into JavaScript directly like this. Either get this data through some kind of ajax call or inject it straight into the HTML and progressively enhance the hTML with javascript. — Raynos
– Raynos, Commented May 7, 2011 at 0:37

Edgar Villegas Alvarado · Accepted Answer · 2011-10-24 18:06:25Z

16

You should do this:

Code behind:

using System.Web.Script.Serialization;
...
public string getJson(){
   var publicationTable = new List<object>{
      new []{ 31422,"Abilene Reporter News","Abilene","TX",false,"D",0},
      new []{ 313844,"Acadiana Weekly","Opelousas","LA",false,"W",1 },
      new []{ 527825,"Action Advertiser","Fond du Lac","WI",false,"W",2}
   };
   return (new JavaScriptSerializer()).Serialize(publicationTable);
}

Ase you see, to create an array of mixed types, we create an array of anonymous type with new []. You could also have done it with new object[].

Aspx file:

<script>
    var publicationTable = <%= getJson() %>;
</script>

Hope this helps. Cheers

edited Oct 24, 2011 at 18:06

answered May 7, 2011 at 0:46

Edgar Villegas Alvarado

18.4k2 gold badges45 silver badges61 bronze badges

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

2 Comments

Steve Over a year ago

Best answer given the poster clearly has no intention of implementing any sort of rest/json service.

KallDrexx Over a year ago

Combining this with Linq has made it sooo much easier to do this in my MVC views when needed! Thanks!

spender · Accepted Answer · 2011-05-07 00:48:51Z

1

I think a List<List<object>> containing your items, passed through the JavaScriptSerializer would do the trick. Given that this data probably comes from a more structured data type, you could probably do better than List<List<object>>, but the JavaScriptSerializer is probably what you're after.

edited May 7, 2011 at 0:48

answered May 7, 2011 at 0:38

spender

121k36 gold badges245 silver badges369 bronze badges

Comments

Bala R · Accepted Answer · 2011-05-07 00:38:00Z

0

Will this work?

ArrayList list = new ArrayList{31422,"Abilene Reporter News","Abilene","TX",false,"D",0};

var str = string.Format("[{0}]", list.Cast<object>().Select(x => (x is string)?
          string.Format(@"""{0}""", x) : x.ToString())
          .Aggregate((x, y) => string.Format("{0}, {1}", x, y)));

it can be extended for a multi-dimensional array in a similar fashion.

answered May 7, 2011 at 0:38

Bala R

109k23 gold badges203 silver badges212 bronze badges

1 Comment

spender Over a year ago

Could get messy if the strings contain backslashes or quotes or similar. Would really require a Javascript escaping layer to make it bulletproof.

Collectives™ on Stack Overflow

Dynamically create javascript array with c# code behind

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related