ビュー内のJavascriptからMVC3モデルプロパティにアクセス

Question

mvcアプリケーションでGoogleチャートを作成しようとしています。ここで

は、Googleのチャートの抜粋である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] 
    ]); 

}私は基本的に私のモデル内の項目を反復ループのために上記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シリアライザを手動で構築するのではなく、JavaScriptを破損する可能性のある一重引用符や二重引用符が含まれていることを心配する必要はありません。