Як перетворити модель перегляду в об'єкт JSON в ASP.NET MVC?

Я розробник Java, новачок у .NET. Я працюю над проектом .NET MVC2, де я хочу мати частковий вигляд, щоб обернути віджет. Кожен об’єкт віджетів JavaScript має об'єкт даних JSON, який би заповнювався даними моделі. Тоді методи оновлення цих даних пов'язані з подіями, коли дані змінюються у віджеті або якщо ці дані змінюються в іншому віджеті.

Код приблизно такий:

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>

Що я не знаю, це як надсилати дані як SomeModelViewі потім мати можливість використовувати їх для заповнення віджета, а також перетворення його в JSON. Я бачив кілька простих простих способів зробити це в контролері, але не в огляді. Я вважаю, що це основне питання, але я вже кілька годин намагаюся зробити цю гладку.

У mvc3 з бритвою, @Html.Raw(Json.Encode(object))здається, робиться трюк.

Молодці, ви тільки що почали використовувати MVC і ви знайшли його перший головний недолік.

Ви насправді не хочете перетворювати його на JSON у поданому вигляді, і ви не хочете конвертувати його в контролері, оскільки жодне з цих місць не має сенсу. На жаль, ви застрягли в цій ситуації.

Найкраще, що я знайшов зробити, - це надіслати JSON для перегляду в ViewModel, як це:

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

return View("viewname", viewModel);

потім використовуйте

<%= Model.JsonData %>

на ваш погляд. Будьте в курсі, що стандартний .NET JavaScriptSerializer - це дуже лайно.

принаймні це робить у контролері тестування (хоча це не зовсім так, як описано вище - ви, мабуть, хочете взяти ISerializer як залежність, щоб ви могли з ним знущатися)

Оновіть також, що стосується вашого JavaScript, було б найкращим способом обернути ВСЕ віджет, який у вас є вище, так:

(
    // all js here
)();

таким чином, якщо ви розмістите кілька віджетів на сторінці, у вас не виникнуть конфлікти (якщо тільки вам не доведеться отримувати доступ до методів з інших місць сторінки, але в такому випадку вам слід все-таки зареєструвати віджет у якійсь рамці віджетів). Зараз це може не бути проблемою, але було б доцільно додати дужки зараз, щоб заощадити зусилля в майбутньому, коли це стане вимогою, також корисна практика OO для інкапсуляції функціоналу.

Мені здалося, що це дуже приємно робити так (використання на виду):

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

Ось відповідний хелперний метод Клас розширення:

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

Це не надто м'яко, але воно вирішує проблему, куди його поставити (у контролер чи на вигляд?) Відповідь очевидно: ні;)

Ви можете використовувати Jsonз дії безпосередньо,

Ваша дія буде приблизно таким:

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

Редагувати

Щойно я побачив, що ви припускаєте, що Modelце перегляд, тому вищезгадане не є строго правильним, вам доведеться Ajaxзателефонувати до методу контролера, щоб отримати це, тоді ascxб не була модель сама по собі, я залишу свій код про всяк випадок, якщо вам це корисно, і ви можете змінити дзвінок

Для редагування 2 просто введіть ідентифікатор у код

@ Html.Raw (Json.Encode (об'єкт)) може використовуватися для перетворення модального об'єкта перегляду в JSON

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

Зверніться за посиланням https://highspeedlowdrag.wordpress.com/2014/08/23/mvc-data-to-jquery-data/

Я зробив нижче, і це працює як шарм.

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

Подовження чудової відповіді від Дейва . Ви можете створити простий HtmlHelper .

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

І на ваш погляд:

@Html.RenderAsJson(Model)

Таким чином ви можете централізувати логіку створення JSON, якщо ви з якихось причин хочете пізніше змінити логіку.

Ендрю мав чудову відповідь, але я хотів трохи його підправити. Це відрізняється тим, що мені подобається, що мої ModelViews не мають в них накладних даних. Просто дані для об’єкта. Здається, ViewData підходить до рахунку за головні дані, але, звичайно, я новачок у цьому. Я пропоную зробити щось подібне.

Контролер

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

Вид

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

Що для вас це робить, це дає вам ті самі дані у вашому JSON, як і у ModelView, щоб ви могли потенційно повернути JSON назад до свого контролера, і він матиме всі частини. Це схоже на те, що просто запросити його через JSONRequest, однак для цього потрібен один менший дзвінок, щоб заощадити накладні витрати. До речі, це давно для дат, але це схоже на іншу тему.