보기에서 자바 스크립트의 MVC3 모델 속성에 액세스

Question

mvc 앱에서 Google 차트를 작성하려고합니다. 여기

구글 차트의 조각입니다 자바 스크립트

function drawChart() { 
var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'Task'); 
    data.addColumn('number', 'Hours per Day'); 
    data.addRows([ 

     ['Work', 11], 
     ['Eat',  2], 
     ['Commute', 2], 
     ['Watch TV', 2], 
     ['Sleep', 7] 
    ]); 

} 나는 기본적으로 내 모델의 항목을 반복하는 for 루프와 위의 data.addRows 라인을 교체하면된다 싶은 것이

. 나는 물론과 같이 태그의 외부에서보기에 잘 반복 할 수 내가 태그 안에 내 모델을 통해 반복 할 수있는 솔루션을 찾을 수 없습니다

"@foreach (var item in Model) { 
    <div>@Html.DisplayFor(modelItem => item.Customer.Name)</div> 
    }" 

. 어떤 아이디어? 당신이 어떤 값을 저장하고보기에 따라 통과

public class MyViewModel 
{ 
    public object[][] Values { get; set; } 
} 

있는 :

Answer 1

당신이보기 모델이 가정보기에

public class HomeController : Controller 
{ 
    public ActionResult Index() 
    { 
     var model = new MyViewModel 
     { 
      Values = new[] 
      { 
       new object[] { "Work",  11 }, 
       new object[] { "Eat",  2 }, 
       new object[] { "Commute", 2 }, 
       new object[] { "Watch TV", 2 }, 
       new object[] { "Sleep", 7 }, 
      } 
     }; 
     return View(model); 
    } 
} 

을 당신은 JSON은 인코딩 수 :

@model MyViewModel 
<script type="text/javascript"> 
    function drawChart() { 
     var data = new google.visualization.DataTable(); 
     data.addColumn('string', 'Task'); 
     data.addColumn('number', 'Hours per Day'); 
     data.addRows(@Html.Raw(Json.Encode(Model.Values))); 
    } 
</script> 

최종 마크 업에서 다음과 같이 렌더링됩니다.

<script type="text/javascript"> 
    function drawChart() { 
     var data = new google.visualization.DataTable(); 
     data.addColumn('string', 'Task'); 
     data.addColumn('number', 'Hours per Day'); 
     data.addRows([["Work",11],["Eat",2],["Commute",2],["Watch TV",2],["Sleep",7]]); 
    } 
</script> 

그리고 수동으로 작성하는 대신 JSON serializer를 사용했기 때문에 작은 따옴표 나 큰 따옴표가 포함되어있어 자바 스크립트가 손상 될 수 있다는 점에 대해 걱정할 필요가 없습니다.