How to use C# List

Question

I want to use my C# list in javascript. I tried these, but it doesnt work;

Server side:

List<TimeLine> myList= new List<TimeLine>(); 
TimeLine element= new TimeLine ();
element.Name= "abc";
element.About= "ssss";
element.Id = id;

myList.Add(element);

System.Web.Script.Serialization.JavaScriptSerializer oSerializer = new System.Web.Script.Serialization.JavaScriptSerializer();
model.JSONList= oSerializer.Serialize(myList);

return View(model);

Client side:

$(function() {
    Draw();
});

function Draw() {
    var tunel = '@Model.JSONList';
    var str = "";
    if (tunel.length > 0) {
        for (var i = 0; i < tunel.length; i++) {
            str += '<span>'+tunel[i].Name+'</span>'+
            '<span>'+tunel[i].Id+'</span>'+
            '<span>'+tunel[i].About+'</span>';
        }
        $("#myDiv").append(str);
    }
}

Can you help me to get the object in list and use it in JavaScript?

Thanks.

Note: I also tried JSON.Parse('@Model.JSONList'); but it doesnt work; Here is my detailed value. var tunel = JSON.parse('[{"Id":3,"Tarih":"\/Date(1425506400000)\/","Tip":2,"Hakkinda":"- Proje, görev, todo dökümlerini göster.","Adı":"Profil Ekranının Tasarlanması"},{"Id":26,"Tarih":"\/Date(1425160800000)\/","Tip":1,"Hakkinda":"Kişisel işlerin düzenlenmesi için geliştirilen proje.","Adı":"Kişisel Yazılım Asistanı"}]')

dav_i · Accepted Answer · 2015-03-06T13:36:50.063

4

You need to parse your JSON:

var tunel = JSON.parse('@Model.JSONList');

otherwise you're just doing all your operations on a string.

If you're string is coming out encoded (e.g. " instead of ") then you can try using @Html.Raw(Model.JSONList):

var tunel = JSON.parse('@Html.Raw(Model.JSONList)');

edited Mar 06 '15 at 13:36

answered Mar 06 '15 at 13:27

dav_i

27,509
17
104
136

I tried it also but it doesnt work; Here is my detailed value. var tunel = JSON.parse('[{"Id":3,"Tarih":"\/Date(1425506400000)\/","Tip":2,"Hakkinda":"- Proje, görev, todo dökümlerini göster.","Adı":"Profil Ekranının Tasarlanması"},{"Id":26,"Tarih":"\/Date(1425160800000)\/","Tip":1,"Hakkinda":"Kişisel işlerin düzenlenmesi için geliştirilen proje.","Adı":"Kişisel Yazılım Asistanı"}]') – Cracker Mar 06 '15 at 13:32
@Cracker Please update your question to include all the relevant information. – dav_i Mar 06 '15 at 13:34

1 Answers1