Làm cách nào để cập nhật giá trị mô hình trong JavaScript trong chế độ xem Dao cạo?

Question

Tôi muốn cập nhật giá trị mô hình trong JavaScript như dưới đây nhưng nó không hoạt động.

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

trong Razor view như hình dưới đây

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

bất cứ ai có thể cho tôi biết làm thế nào để gán giá trị mô hình trong JavaScript?

Answer 1

này nên làm việc

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

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

Sau đó, có một trường ẩn hoặc điều khiển khác cho PostID

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

Answer 2

Mô hình (@Model) chỉ tồn tại khi trang đang được xây dựng. Khi trang được hiển thị trong trình duyệt, tất cả những gì tồn tại là HTML, JavaScript và CSS.

Điều bạn sẽ muốn làm là đặt PostID vào trường ẩn. Khi giá trị PostID được cố định, thực sự không cần JavaScript. Một đơn giản @HtmlHiddenFor sẽ đủ.

Tuy nhiên, bạn sẽ muốn thay đổi foreach loop to a for loop của mình. Giải pháp cuối cùng sẽ giống như thế này:

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

Bạn có thể sử dụng jQuery và một cuộc gọi Ajax để đăng cập nhật cụ thể trở lại máy chủ của bạn bằng Javascript.

Nó sẽ giống như thế này:

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 

    } 
    }); 

}