javascript - 将 C# 模型从 View 传递到 Javascript

Question

我将这个 ViewModel 传递给我的 View :

  public class DashboardViewModel
  {
    public List<UserTask> UserTasks {get; set;}

    public List<WorkItem> WorkItems {get; set;}
  }    

在 View 中，我像这样遍历 WorkItems:

 @foreach (var item in Model.WorkItems)
 {
    @item.Name
    @item.HoursLogged
    <button value="@item">UPDATE</button>
 }

当我点击按钮时，jQuery 函数打开了一个模式。

我需要将项目传递给模态以显示所有项目信息。

这是javascript函数:

$(buttonEl).click(function () {
   //code to open modal
   var item = this.value;
});

“this.value”中传入的值不是一个对象，而是一个带有WorkItem命名空间的字符串。

我也试过使用内联 onclick 函数:

<button onclick="openModal('@item')">UPDATE</button>

但结果相同。

有什么想法吗？

Answer 1

我通常使用它来从 MVC 转换为 javascript!

@Html.Raw(Json.Encode(item))