ASP.NETでModelのエンコードをまとめたい

Question

ASP.NETのmodelの方で作成したリストをJavaScriptのライブラリである「Chart.js」を用いてグラフ描画したいと考えています。

リスト名をaaa,bbb,cccの3つとしてscriptタグ内に

var a = '@HTML.Raw(JSON.Encode(Model.aaa))'; 
var b = '@HTML.Raw(JSON.Encode(Model.bbb))'; 
var c = '@HTML.Raw(JSON.Encode(Model.ccc))'; 

var jsA = JSON.parse(a);
var jsB = JSON.parse(b);
var jsC = JSON.parse(c);

と記述し、「jsA,jsB,jsC」を用いてグラフ描画することは出来るのですが、エンコード部分を1行に
まとめたいのですが下記の方法ではグラフが表示されませんでした。

var md = '@HTML.Raw(JSON.Encode(Model))'; 

var jsA = JSON.parse(md.aaa);
var jsB = JSON.parse(md.bbb);
var jsC = JSON.parse(md.ccc);

自分のやり方が間違っているのか、それとも描画出来ているコードでしか実現出来ないのかどなたかお分かりいただける方、ご教授頂けると幸いです。

追記:環境の記載を忘れていました。以下になります。
windows10、VisualStudio 16.9.2、.NET Framework4.7.2

Comments

[退会済みユーザー]

ASP.NET のタグをつけてください。

Model は controller から渡されるものですか？　その中身はどうなっているのですか？　

「エンコード部分を1行にまとめたい」という理由は何ですか？　できている方でやれば済む話ではないのでしょうか？

[退会済みユーザー]

質問者さん、無言ですが、回答したのでそれに対するフィードバックを書きましょう。役に立った/立たなかったぐらいはすぐ返せるはず。役に立たなかったなら、どこがダメだったかを書くと、より質問者さんが期待する答えに近いものが出てくるかも。とにかく無言で放置は NG です。

[nao_1218s]

すみません私用によりお返事できませんでした。ご回答ありがとうございます。こちらがやりたかったこともご想像された通りです。ありがとうございました。

Answer 1

質問のコメントに返事がないのでいろいろ不明ですが、想像を膨らませてレスしておきます。

以下のようなクラス定義があって、

public class MyModel
{
    public AAA aaa { get; set; }
    public BBB bbb { get; set; }
    public CCC ccc { get; set; }
}

public class AAA
{
    // ・・・省略・・・
}

public class BBB
{
    // ・・・省略・・・
}

public class CCC
{
    // ・・・省略・・・    
}

それを Controller の Action Method で初期化して、

public ActionResult Chart()
{
    var model = new MyModel
    {
        aaa = new AAA { ・・・省略・・・ },
        bbb = new BBB { ・・・省略・・・ },
        ccc = new CCC { ・・・省略・・・ }
    };

    return View(model);
}

View に渡しているのであろうと想像しています。

@model Mvc5App.Controllers.MyModel

@{
    ViewBag.Title = "Chart";
}

<h2>Chart</h2>

@section Scripts {
    <script type="text/javascript">
        var a = '@Html.Raw(Json.Encode(Model.aaa))';
        var b = '@Html.Raw(Json.Encode(Model.bbb))';
        var c = '@Html.Raw(Json.Encode(Model.ccc))';

        var jsA = JSON.parse(a);
        var jsB = JSON.parse(b);
        var jsC = JSON.parse(c);
    </script>
}

その想像が正しければ、

エンコード部分を1行にまとめたいのですが下記の方法ではグラフが表示されませんでした。
自分のやり方が間違っているのか、それとも描画出来ているコードでしか実現出来ないのか

・・・というのはその通り間違っていて、「描画出来ているコードでしか実現出来ない」です。

上の View の JavaScript の変数 a, b, c は上のコードの AAA, BBB, CCC という C# のオブジェクトを JSON 文字列にシリアライズしたものです。

jaA, jsB, jsC はその JSON 文字列を JavaScript オブジェクトにデシリアライズしたものになります。それが得られて初めて Chart が描けるということになっているはず。

質問の 2 つ目のコードの中の、

var md = '@HTML.Raw(JSON.Encode(Model))';

で何が得られるか考えてみてください。MyModel を JSON 文字列にシリアライズしたものになります。なので、

var jsA = JSON.parse(md.aaa);

というようなことは意味がないのは分かりますよね。