View Model ASP.NET MVC JSON nesnesine dönüştürmek nasıl?

.NET için yeni bir Java geliştiricisiyim. Bir widget sarmak için kısmi bir görünüm istiyorum bir .NET MVC2 projesi üzerinde çalışıyorum. Her JavaScript widget nesnesinin model verileri tarafından doldurulacak bir JSON veri nesnesi vardır. Sonra bu verileri güncelleştirme yöntemleri, pencere öğesinde veri değiştirildiğinde veya bu veri başka bir pencere öğesinde değiştirildiğinde olaylara bağlanır.

Kod şuna benzer:

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>

Ne bilmiyorum nasıl üzerinden veri göndermek SomeModelViewve daha sonra widget doldurmak ve JSON dönüştürmek için bunu kullanmak mümkün. Bunu kontrolörde yapmanın bazı basit yollarını görmüştüm ama görünüşte değil. Bunun temel bir soru olduğunu düşünüyorum ama birkaç saattir bu kaygan yapmaya çalışıyorum.

Jvc ile mvc3 @Html.Raw(Json.Encode(object))hile yapmak gibi görünüyor.

Aferin, sadece MVC kullanmaya başladın ve ilk büyük kusurunu buldun.

Görünümde gerçekten JSON'a dönüştürmek istemiyorsunuz ve bu konumların hiçbiri mantıklı olmadığından, gerçekten denetleyicide dönüştürmek istemiyorsunuz. Ne yazık ki, bu durumla sıkışıp kaldınız.

Yaptığım en iyi şey JSON'u bir ViewModel'deki görünüme göndermek, şöyle:

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

return View("viewname", viewModel);

sonra kullan

<%= Model.JsonData %>

sizin görüşünüze göre. Standart .NET JavaScriptSerializer'ın oldukça saçma olduğunu unutmayın.

kontrol cihazında en azından test edilebilir yapar (tam olarak yukarıdaki gibi olmasa da - muhtemelen bir ISerializer'ı bağımlılık olarak almak istersiniz, böylece alay edebilirsiniz)

Ayrıca, JavaScript'inizle ilgili olarak güncelleyin , yukarıdaki TÜM widget JS'yi şu şekilde sarmak iyi bir uygulamadır:

(
    // all js here
)();

Bu şekilde bir sayfaya birden çok pencere öğesi koyarsanız, çakışmalara neden olmazsınız (yöntemlere sayfanın başka bir yerinden erişmeniz gerekmedikçe, ancak bu durumda pencere bileşenini yine de bazı pencere öğesi çerçevesiyle kaydettirmeniz gerekir). Şimdi bir sorun olmayabilir, ancak gelecekte bir gereksinim olduğunda kendinizi mukus çabasından kurtarmak için köşeli parantez eklemek iyi bir uygulama olacaktır, aynı zamanda işlevselliği kapsüllemek için iyi OO uygulamasıdır.

Bu şekilde yapmak için oldukça güzel buldum (görünümde kullanım):

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

Uzantı sınıfına göre ilgili yardımcı yöntem:

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

Süper sofistike değil, ama nereye koyacağımız sorununu çözüyor (Kontrolörde veya görüşte mi?) Cevap açıktır: ikisi de;)

JsonEylemden doğrudan kullanabilirsiniz ,

Eyleminiz şöyle bir şey olurdu:

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

Düzenle

Sadece bu Modelbir Görünüm olduğunu varsayalım, bu yüzden yukarıdaki kesinlikle doğru değil, bunu elde etmek için Ajaxdenetleyici yöntemine bir çağrı yapmak ascxzorunda kalacaksınız, o zaman kendi başına bir modelim olmazdı, kodumu bırakacağım sizin için yararlı olması durumunda ve çağrıyı değiştirebilirsiniz.

Edit 2 sadece kodu koydum

@ Html.Raw (Json.Encode (nesne)) Görünüm Kalıcı Nesnesini JSON'a dönüştürmek için kullanılabilir

Dave'in büyük cevabını genişletmek . Basit bir HtmlHelper oluşturabilirsiniz .

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

Ve sizce:

@Html.RenderAsJson(Model)

Bu nedenle, mantığı daha sonra değiştirmek isterseniz, JSON'u oluşturmak için mantığı merkezileştirebilirsiniz.

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

Bkz. Https://highspeedlowdrag.wordpress.com/2014/08/23/mvc-data-to-jquery-data/

Aşağıda yaptım ve çekicilik gibi çalışır.

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

Andrew'un harika bir yanıtı vardı ama biraz tweek etmek istedim. Bu farklı bir şekilde, benim ModelViews onları havai veri yok gibi olmasıdır. Yalnızca nesnenin verileri. ViewData, kafa üstü veriler için faturaya uyuyor gibi görünüyor, ancak elbette bu konuda yeniyim. Böyle bir şey yapmanı öneririm.

kontrolör

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

Görünüm

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

Bunun sizin için yaptığı şey, JSON'unuzda ModelView'inizle aynı verileri vermesidir, böylece JSON'u denetleyicinize geri döndürebilirsiniz ve tüm parçalara sahip olabilirsiniz. Bu sadece bir JSONRequest üzerinden talep etmeye benzer, ancak daha az bir çağrı gerektirir, bu yüzden o ek yükü korur. BTW bu Tarihler için korkak ama başka bir iş parçacığı gibi görünüyor.