Jak zaktualizować wartość modelu w JavaScript w widoku maszynki Razor?

Question

Chcę zaktualizować wartość modelu w JavaScript jak poniżej, ale nie działa.

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

zdaniem Razor jak pokazano poniżej

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> 
    } 
} 

Czy ktoś może mi powiedzieć, jak przypisać wartość modelu w JavaScript?

Answer 1

To powinno działać

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

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

Następnie mają ukryte pole lub inną kontrolę dla PostID

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

Answer 2

Model (@Model) istnieje tylko podczas tworzenia strony. Po wyświetleniu strony w przeglądarce wszystko, co istnieje, to HTML, JavaScript i CSS.

Co chcesz zrobić, to PostID w ukrytym polu. Ponieważ wartość PostID jest ustalona, ​​nie ma potrzeby używania JavaScriptu. Wystarczy prosty @HtmlHiddenFor.

Należy jednak zmienić swoje foreach loop to a for loop. Ostateczne rozwiązanie będzie wyglądać mniej więcej tak:

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

można użyć jQuery i wywołanie Ajax, aby opublikować określoną aktualizację z powrotem na serwerze za pomocą Javascript.

To mogłoby wyglądać tak:

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 

    } 
    }); 

}