将C＃模型从View传递给Javascript [英] Pass C# Model from View to Javascript

问题描述

我将此ViewModel传递给我的视图：

I'm passing this ViewModel to my View:

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

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

从视图中我迭代通过WorkItems这个：

and from within the View I'm iterating through the WorkItems like this:

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

当我点击按钮时，jQuery函数正在打开一个模态。

When I click on the button a jQuery function is opening up a modal.

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

I need to pass to the modal the item in order to display all the item infos.

这是javascript函数：

This is the javascript function:

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

this.value中传递的值不是对象，而是具有命名空间的字符串WorkItem。

The value passed in "this.value" is not an object but a string with the namespace of the WorkItem.

我也尝试使用内联onclick函数：

I have also tried with inline onclick function:

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

但结果相同。

有什么想法？

推荐答案

我通常用它来从MVC翻译成javascript！

I normally use this to translate from MVC to javascript!

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

这篇关于将C＃模型从View传递给Javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！