RazorビューでJavaScriptのモデル値を更新するにはどうすればよいですか？

Question

下記のようにJavaScriptのモデル値を更新したいのですが、動作しません。カミソリで

function updatePostID(val) 
{ 
    @Model.addcomment.PostID = val; 
} 

foreach(var post in Model.Post) 
{ 
    <br/> 
    <b>Posted by :</b> @post.Username <br/> 
    <span>@post.Content</span> <br/> 
    if(Model.loginuser == Model.username) 
    { 
     @Html.TextAreaFor(model => model.addcomment.Content) 
     <button type="submit" onclick="updatePostID('@post.PostID');">Add Comment </button> 
    } 
} 

以下のように誰もがJavaScriptでモデル値を割り当てる方法を教えてもらえます？見ますか

Answer 1

これは、あなたが使用することができPostID

@Html.Hidden("PostID", Model.addcomment.PostID) 
//OR 
@Html.HiddenFor(model => model.addcomment.PostID) 

Answer 2

ページが構築されている間のみモデル（@Model）が存在します。ページがブラウザでレンダリングされると、存在するのはHTML、JavaScript、CSSだけです。

あなたがしたいことは、隠しフィールドにPostIDを入れることです。 PostIDの値は固定されているので、実際にはJavaScriptは必要ありません。単純な@HtmlHiddenForで十分です。

ただし、foreach loop to a for loopを変更する必要があります。最終的な解決策は、次のようになります：

for (int i = 0 ; i < Model.Post; i++) 
{ 
    <br/> 
    <b>Posted by :</b> @Model.Post[i].Username <br/> 
    <span>@Model.Post[i].Content</span> <br/> 
    if(Model.loginuser == Model.username) 
    { 
     @Html.HiddenFor(model => model.Post[i].PostID) 
     @Html.TextAreaFor(model => model.addcomment.Content) 
     <button type="submit">Add Comment</button> 
    } 
} 

Answer 3

ための隠しフィールドや他のコントロールを持っている

function updatePostID(val) 
{ 
    document.getElementById('PostID').value = val; 

    //and probably call document.forms[0].submit(); 
} 

を動作するはずjQueryとAjaxの電話番号を使用して、特定のアップデートをJavascriptでサーバーにポストバックすることができます。

それはこのようなものになります。

function updatePostID(val, comment) 
{ 

    var args = {}; 
    args.PostID = val; 
    args.Comment = comment; 

    $.ajax({ 
    type: "POST", 
    url: controllerActionMethodUrlHere, 
    contentType: "application/json; charset=utf-8", 
    data: args, 
    dataType: "json", 
    success: function(msg) 
    { 
     // Something afterwards here 

    } 
    }); 

}