ASP.NET MVC:如何将View Model转换为Json对象

Question

我是.NET新手的Java开发人员.我正在开发.Net MVC2项目,我希望有一个局部视图来包装一个小部件.每个JS小部件对象都有一个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.我似乎有一些真正简单的方法在控制器中执行它而不是在视图中.我认为这是一个基本问题,我已经花了几个小时试图制作这个光滑的.

Answer 1

在mvc3用剃刀@Html.Raw(Json.Encode(object))似乎可以做到这一点.

Answer 2

干得好,你刚刚开始使用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,最好包装你上面的所有小部件JS,如下所示:

(
    // all js here
)();

这样,如果你在页面上放置多个小部件,你就不会遇到冲突(除非你需要从页面的其他地方访问这些方法,但在这种情况下你应该用一些小部件框架注册小部件).它现在可能不是一个问题,但是现在添加括号以便在将来成为一项要求时节省大量工作将是一个好习惯,它也是封装功能的良好OO实践.

Answer 3

我发现这样做非常好(在视图中使用):

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

这是相应的辅助方法Extension类:

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

它不是超级软化的,但是它解决了把它放在哪里的问题(在Controller中或在视图中？)答案很明显:既不是;)

Answer 4

您可以Json直接从操作中使用，

您的操作将如下所示：

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

编辑

刚刚看到您假设这是Model一个View的视图，因此以上内容并非严格正确，您将必须Ajax调用controller方法来获取此信息，ascx然后再没有模型本身，我将保留我的代码以防万一对您有用，您可以修改通话