Pase el modelo C # de View a Javascript

Estoy pasando este ViewModel a mi Vista:

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

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

y desde dentro de la Vista estoy iterando a través de los WorkItems como este:

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

Cuando hago clic en el botón, una función jQuery está abriendo un modal.

Necesito pasar al modal el ítem para mostrar todas las informaciones del ítem.

Esta es la función de JavaScript:

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

El valor pasado en "this.value" no es un objeto sino una cadena con el espacio de nombres del WorkItem.

También he intentado con la función onclick en línea:

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

pero con el mismo resultado.

¿Alguna idea?

Respuestas a la pregunta(4)

Su respuesta a la pregunta