Come convertire View Model in oggetto JSON in ASP.NET MVC?

Sono uno sviluppatore Java, nuovo su .NET. Sto lavorando a un progetto .NET MVC2 in cui voglio avere una visione parziale per avvolgere un widget. Ogni oggetto widget JavaScript ha un oggetto dati JSON che verrebbe popolato dai dati del modello. Quindi i metodi per aggiornare questi dati sono associati agli eventi quando i dati vengono modificati nel widget o se tali dati vengono modificati in un altro widget.

Il codice è qualcosa del genere:

MyController:

virtual public ActionResult DisplaySomeWidget(int id) {
  SomeModelView returnData = someDataMapper.getbyid(1);

  return View(myview, returnData);
}

myview.ascx:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<SomeModelView>" %>

<script type="text/javascript">
  //creates base widget object;
  var thisWidgetName = new Widget();

  thisWidgetName.updateTable = function() {
    //  UpdatesData
  };
  $(document).ready(function () {
    thisWidgetName.data = <% converttoJSON(model) %>
    $(document).bind('DATA_CHANGED', thisWidgetName.updateTable());
  });
</script>

<div><%:model.name%></div>

Quello che non so è come inviare i dati SomeModelViewe come poterli utilizzare per popolare il widget e convertirlo in JSON. Avevo visto alcuni modi davvero semplici per farlo nel controller ma non nella vista. Immagino che questa sia una domanda di base, ma ci vado da qualche ora cercando di rendere questo slick.

In mvc3 con il rasoio @Html.Raw(Json.Encode(object))sembra fare il trucco.

Ben fatto, hai appena iniziato a utilizzare MVC e hai trovato il suo primo grande difetto.

Non vuoi davvero convertirlo in JSON nella vista e non vuoi davvero convertirlo nel controller, poiché nessuna di queste posizioni ha senso. Sfortunatamente, sei bloccato con questa situazione.

La cosa migliore che ho trovato è inviare JSON alla vista in un ViewModel, in questo modo:

var data = somedata;
var viewModel = new ViewModel();
var serializer = new JavaScriptSerializer();
viewModel.JsonData = serializer.Serialize(data);

return View("viewname", viewModel);

quindi utilizzare

<%= Model.JsonData %>

a tuo avviso. Tieni presente che .NET StandardSerializer standard è piuttosto schifoso.

farlo nel controller lo rende almeno testabile (anche se non esattamente come sopra - probabilmente vorrai prendere un ISerializer come dipendenza in modo da poterlo deridere)

Aggiorna anche, per quanto riguarda il tuo JavaScript, sarebbe buona norma avvolgere TUTTI i widget JS che hai sopra in questo modo:

(
    // all js here
)();

in questo modo se metti più widget su una pagina, non otterrai conflitti (a meno che tu non abbia bisogno di accedere ai metodi da un'altra parte della pagina, ma in quel caso dovresti comunque registrare il widget con qualche framework di widget). Potrebbe non essere un problema ora, ma sarebbe una buona pratica aggiungere le parentesi ora per risparmiare molto sforzo in futuro quando diventa un requisito, è anche una buona pratica OO incapsulare la funzionalità.

Ho trovato molto carino farlo in questo modo (utilizzo nella vista):

    @Html.HiddenJsonFor(m => m.TrackingTypes)

Ecco il metodo helper secondo Classe di estensione:

public static class DataHelpers
{
    public static MvcHtmlString HiddenJsonFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression)
    {
        return HiddenJsonFor(htmlHelper, expression, (IDictionary<string, object>) null);
    }

    public static MvcHtmlString HiddenJsonFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, object htmlAttributes)
    {
        return HiddenJsonFor(htmlHelper, expression, HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes));
    }

    public static MvcHtmlString HiddenJsonFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, IDictionary<string, object> htmlAttributes)
    {
        var name = ExpressionHelper.GetExpressionText(expression);
        var metadata = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData);

        var tagBuilder = new TagBuilder("input");
        tagBuilder.MergeAttributes(htmlAttributes);
        tagBuilder.MergeAttribute("name", name);
        tagBuilder.MergeAttribute("type", "hidden");

        var json = JsonConvert.SerializeObject(metadata.Model);

        tagBuilder.MergeAttribute("value", json);

        return MvcHtmlString.Create(tagBuilder.ToString());
    }
}

Non è super-sofisticato, ma risolve il problema di dove inserirlo (in Controller o in vista?) La risposta è ovviamente: nessuno dei due;)

Puoi usare Jsondirettamente dall'azione,

La tua azione sarebbe qualcosa del genere:

virtual public JsonResult DisplaySomeWidget(int id)
{
    SomeModelView returnData = someDataMapper.getbyid(id);
    return Json(returnData);
}

modificare

Ho appena visto che supponi che questo sia il Modeldi una Vista, quindi quanto sopra non è strettamente corretto, dovresti effettuare una Ajaxchiamata al metodo del controller per ottenere questo, ascxquindi non avrei un modello in sé, lascerò il mio codice nel caso in cui ti sia utile e puoi modificare la chiamata

Modifica 2 ha appena inserito id nel codice

@ Html.Raw (Json.Encode (object)) può essere utilizzato per convertire View Modal Object in JSON

Estendere la grande risposta di Dave . Puoi creare un semplice HtmlHelper .

public static IHtmlString RenderAsJson(this HtmlHelper helper, object model)
{
    return helper.Raw(Json.Encode(model));
}

E a tuo avviso:

@Html.RenderAsJson(Model)

In questo modo è possibile centralizzare la logica per la creazione di JSON se, per qualche motivo, si desidera modificare la logica in un secondo momento.

<htmltag id=’elementId’ data-ZZZZ’=’@Html.Raw(Json.Encode(Model))’ />

Consultare https://highspeedlowdrag.wordpress.com/2014/08/23/mvc-data-to-jquery-data/

Ho fatto di seguito e funziona come un fascino.

<input id="hdnElement" class="hdnElement" type="hidden" value='@Html.Raw(Json.Encode(Model))'>

Andrew ha avuto un'ottima risposta ma volevo modificarlo un po '. Il modo in cui è diverso è che mi piacciono le mie ModelViews per non avere dati generali in esse. Solo i dati per l'oggetto. Sembra che ViewData sia adatto ai dati generali, ma ovviamente sono nuovo in questo. Suggerisco di fare qualcosa del genere.

controllore

virtual public ActionResult DisplaySomeWidget(int id)
{
    SomeModelView returnData = someDataMapper.getbyid(1);
    var serializer = new JavaScriptSerializer();
    ViewData["JSON"] = serializer.Serialize(returnData);
    return View(myview, returnData);
}

Visualizza

//create base js object;
var myWidget= new Widget(); //Widget is a class with a public member variable called data.
myWidget.data= <%= ViewData["JSON"] %>;

Ciò che fa per te è che ti dà gli stessi dati nel tuo JSON come nel tuo ModelView in modo da poter potenzialmente restituire il JSON al tuo controller e avrebbe tutte le parti. Questo è simile alla semplice richiesta tramite una richiesta JSON, tuttavia richiede una chiamata in meno, quindi consente di risparmiare quel sovraccarico. A proposito questo è funky per le date ma sembra un altro thread.