@for loop iterating through json in MVC 4

Question

(edited)Now I have fixed the previous error but getting the error:

Illegal characters in path.

I'm trying to iterate through some json building an unordered list of links. I have the @for statement in a display template and the Html.DisplayFor in the view. Here's my code:

Controller:

using System;
using Newtonsoft.Json;
using Newtonsoft.Json.Linq;
using System.Collections.Generic;
using System.Data;
using System.IO;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace app.Web.Areas.Admin.Controllers
{
    public class CommonReportsController : Controller
    {
        public ActionResult CommonReports(Guid orgId)
        {
            JObject TopListData = JObject.Parse(System.IO.File.ReadAllText(@"C:\Dev\app\app.Web\json\TopListData.json"));
            string cData = Newtonsoft.Json.JsonConvert.SerializeObject(TopListData);
            var TopListDataView = TopListData;
            return View(TopListDataView);
        }

    }
}

View:

@model app.API.Models.CommonReports.CommonReportsModel
@using app.API.Resources;
@using app.Web.Utility;
@{
    ViewBag.Title = Text.Get(Text.eTextType.Label, @Text.Get(Text.eTextType.Label, "CommonReports_Title"));
}
@section BreadCrumbTitle {
    @( Text.Get(Text.eTextType.Tab, @Text.Get(Text.eTextType.Label, "CommonReports_Title")))
}

<div class="titletop">@ViewBag.Title</div>
<div id="CommonReportsList">
    &nbsp;
    @Html.DisplayFor(m => m.CommonReports, "CommonReportsDisplayTemplate")
</div>

Display Template:

@model app.API.Models.CommonReports.CommonReportsModel
@using app.API.Resources;
<ul class="row-centered-list">
@for (var i = 0; i < 1; i++)
{
<li><img src="~/Images/document.png" />&nbsp;&nbsp;@Html.ActionLink(@Text.Get(Text.eTextType.Label, TopListDataView[i].ListLabel), TopListDataView[i].ListView, TopListDataView[i].ListController, null, new { data_toggle = "tooltip", data_original_title = TopListDataView[i].ListToolTip })<span class="newRed"> - @Text.Get(Text.eTextType.Label, "CommonReports_New")</span></li>
}
</ul><br />

Model:

using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.Linq;
using System.Text;
using System.Web.Mvc;

namespace InRollPlus.API.Models.CommonReports
{
public class CommonReportsModel
{
    public class TopListData
    {
        public string ListLabel
        {
            get;
            set;
        }
        public string ListView
        {
            get;
            set;
        }
        public string ListController
        {
            get;
            set;
        }
        public string ListToolTip
        {
            get;
            set;
        }
    }
    [UIHint("CommonReportsDisplayTemplate")]
    public string CommonReports
    {
        get;
        set;
    }

    public string TopListView
    {
        get;
        set;
    }
    public IList<TopListData> TopListDataView
    {
        get;
        set;
    }
}
}

What am I doing wrong here?

Answer 1

So as it turns out, not going to need to deal with Json. I'll be getting .net objects so won't need to figure this out.