mvc配列のインデックスとしてjs変数を使用できますか？

Question

mvcの配列モデルがhtmlページに渡されました 「.myClass」のdivがいくつかありますが、それらのいずれかがクリックされた場合は、関数を呼び出してidを取得しています（それぞれ異なる整数IDを持っています）。このIDを配列のインデックスとして使用するには、どうすればよいのですか？このコードは機能していません。

$(document).on('click', '.myClass', function (event) { 
    var id = parseInt($(this).attr('id')); 
    $("#Paragraph").html("@Model[id].name"); 
}); 

Answer 1

かみそりは、ページをレンダリングしようとするとC＃のコードは、サーバー上で実行されるように、あなたはそのようなjsファイルにサーバーコードを混在させることはできません。あなたのクリックイベントは、カミソリが生成されたマークアップを送信した後にクライアント側で発生します。

具体的な使用例については、まずモデルを読んで、ローカルのJavaScript配列を設定する必要があります。次に、その配列からアイテムを読み込むことができます。

あなたのモデルがいくつかのコレクションタイプであると仮定します。

$(function(){ 

    //Store the Model to a local js variable. 
    var myArr = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model)); 

    $(document).on('click', '.myClass', function (event) { 
    var id = parseInt($(this).attr('id')); 
    $("#Paragraph").html(myArr[id].name); 
    }); 

}); 

別のオプションは、それを使用します、あなたのアクションメソッドは、一意のIDを受け入れるサーバーへのAJAX呼び出しを行い、それが実体を再構築している使用して、クライアントとクライアントに送信することです。