Create a Javascript object with Viewbag data

Question

I need to create an object to send to a funciton in javascript but this information is coming from my viewbag.

new FleetSelector("False",
[{"OwnerId": "2df3893d-c406-48fe-8443-1622ddc51af2", "DisplayName": "String 1" }, 
{ "OwnerId": "7A402CD7-5EEA-4AF5-80A3-22EED0610C9D", "DisplayName": "String 2" }]);

Inside my viewBag i have a Fleets model List that has a Guid OwnerId and a String ownerName, this is something i tried, which i know it's wrong but ill add it to try and explain what I'm hoping to achieve

new FleetSelector("False",
                    [ @foreach (var fleet in ViewBag.Fleets)
                    {
                        '{' + '"' + "OwnerId" + '"' + ':' + '"' + fleet.OwnerId + '"' + ',' + '"' + "DisplayName" + '"' + ':' + '"' + fleet.ownerName + '"' + '}'
                    }  }]);

Mihai Alexandru-Ionut · Accepted Answer · 2017-03-28 16:55:27Z

1

You have to populate array outside of the FleetSelector object.

new FleetSelector("False",array);

Here is array definition:

var array=[];
@foreach (var fleet in ViewBag.Fleets)
{
   @:array.push({"OwnerId":@fleet.OwnerId,"DisplayName":@fleet.ownerName});
}

answered Mar 28, 2017 at 16:55

Mihai Alexandru-Ionut

48.6k14 gold badges106 silver badges132 bronze badges

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

Comments

Shyju · Accepted Answer · 2017-03-28 16:52:37Z

0

You can serialize it like this.

SerializeObject method returns a string which is the json string representation of your C# object.

var fleetsArray= @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(ViewBag.Fleets))
console.log(fleetsArray);

answered Mar 28, 2017 at 16:52

Shyju

220k106 gold badges421 silver badges499 bronze badges

2 Comments

pato.llaguno Over a year ago

I get this error The ObjectContext instance has been disposed and can no longer be used for operations that require a connection.

Shyju Over a year ago

Depends on how you are setting ViewBag.Fleets. You probably need to execute your LINQ expression using ToList() call in your code.

Collectives™ on Stack Overflow

Create a Javascript object with Viewbag data

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related