Jak przekonwertować model widoku na obiekt JSON w ASP.NET MVC?

Jestem programistą Java, nowym w .NET. Pracuję nad projektem .NET MVC2, w którym chcę mieć częściowy widok do zawijania widżetu. Każdy obiekt widgetu JavaScript zawiera obiekt danych JSON, który zostałby zapełniony danymi modelu. Następnie metody aktualizowania tych danych są powiązane ze zdarzeniami w przypadku zmiany danych w widgecie lub w przypadku zmiany tych danych w innym widgecie.

Kod wygląda mniej więcej tak:

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>

Nie wiem, jak przesłać dane jako, SomeModelViewa następnie móc ich użyć do wypełnienia widżetu, a także przekonwertować go na JSON. Widziałem naprawdę proste sposoby, aby to zrobić w kontrolerze, ale nie w widoku. Myślę, że to podstawowe pytanie, ale od kilku godzin próbuję zrobić to gładko.

W mvc3 z brzytwą @Html.Raw(Json.Encode(object))wydaje się działać.

Dobra robota, dopiero zacząłeś używać MVC i znalazłeś pierwszą poważną wadę.

Naprawdę nie chcesz konwertować go do formatu JSON w widoku i tak naprawdę nie chcesz konwertować go w kontrolerze, ponieważ żadna z tych lokalizacji nie ma sensu. Niestety utkniesz w tej sytuacji.

Najlepszą rzeczą, jaką znalazłem, jest wysłanie JSON do widoku w ViewModel, na przykład:

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

return View("viewname", viewModel);

następnie użyj

<%= Model.JsonData %>

Twoim zdaniem. Należy pamiętać, że standardowy .NET JavaScriptSerializer jest dość gówniany.

zrobienie tego w kontrolerze przynajmniej czyni go testowalnym (chociaż nie dokładnie tak jak powyżej - prawdopodobnie chcesz wziąć ISerializer jako zależność, abyś mógł go kpić)

Zaktualizuj również, jeśli chodzi o JavaScript, dobrą praktyką byłoby owinięcie WSZYSTKICH widgetów JS, które masz powyżej, w następujący sposób:

(
    // all js here
)();

w ten sposób, jeśli umieścisz wiele widżetów na stronie, nie wystąpią konflikty (chyba że potrzebujesz dostępu do metod z innego miejsca na stronie, ale w takim przypadku i tak powinieneś zarejestrować widżet w jakimś frameworku widżetów). To może nie być teraz problemem, ale dobrym zwyczajem byłoby dodanie nawiasów teraz, aby zaoszczędzić sobie dużo wysiłku w przyszłości, kiedy stanie się to wymaganiem. Dobrą praktyką OO jest również hermetyzowanie funkcjonalności.

Okazało się, że całkiem fajnie jest to zrobić w ten sposób (użycie w widoku):

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

Oto odpowiednia metoda pomocnika Klasa rozszerzenia:

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());
    }
}

Nie jest to zbyt skomplikowane, ale rozwiązuje problem, gdzie go umieścić (w kontrolerze czy na widoku?) Odpowiedź oczywiście brzmi: ani;)

Możesz użyć Jsonbezpośrednio z akcji,

Twoje działanie wyglądałoby mniej więcej tak:

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

Edytować

Właśnie zobaczyłem, że zakładasz, że to jest ModelView, więc powyższe nie jest do końca poprawne, musiałbyś wykonać Ajaxwywołanie metody kontrolera, aby to uzyskać, ascxnie miałby wtedy modelu jako takiego, zostawię swój kod na wszelki wypadek, gdyby było to przydatne i możesz zmienić wezwanie

Edytuj 2 po prostu umieść identyfikator w kodzie

@ Html.Raw (Json.Encode (obiekt)) może służyć do konwersji obiektu modalnego widoku do formatu JSON

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

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

Zrobiłem poniżej i działa jak urok.

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

Przedłużenie wspaniałej odpowiedzi od Dave'a . Możesz utworzyć prosty HtmlHelper .

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

Twoim zdaniem:

@Html.RenderAsJson(Model)

W ten sposób możesz scentralizować logikę tworzenia JSON, jeśli z jakiegoś powodu chciałbyś zmienić logikę później.

Andrew miał świetną odpowiedź, ale chciałem ją trochę poprawić. Różnica polega na tym, że wolę, aby moje ModelViews nie zawierały danych ogólnych. Tylko dane dotyczące obiektu. Wydaje się, że ViewData pasuje do rachunku za dane ogólne, ale oczywiście jestem w tym nowy. Proponuję zrobić coś takiego.

Kontroler

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

Widok

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

To daje ci te same dane w twoim JSON, co w twoim ModelView, więc możesz potencjalnie zwrócić JSON z powrotem do twojego kontrolera i będzie miał wszystkie części. Jest to podobne do żądania tego za pośrednictwem JSONRequest, ale wymaga jednego wywołania mniej, więc oszczędza ci tego narzutu. Przy okazji, to jest fajne dla randek, ale wydaje się, że to kolejny wątek.