Question

我希望能够通过隐藏文本框中的JSON将信息从我的视图模型传递到我的控制器。我正在使用Google Maps API中的多边形。当用户编辑多边形时，我通过javascript将顶点存储在隐藏的输入中。

var p = mypolygon.getPath().getArray();
var s = '';
for (var i = 0; i < p.length; i++)
    s += ((i > 0) ? ', ' : '') + '{ lat: ' + p[i].lat() + ', lng: ' + p[i].lng() + ' }';
$('#@Html.IdFor(m => m.GeofencePoints)').val('[' + s + ']');

结果如下：

  <input id="GeofencePoints" name="GeofencePoints" type="hidden" value="[{ lat: 38.221276965853264, lng: -97.6892964859955 }, { lat: 38.21294239796929, lng: -97.68770861825868 }, { lat: 38.2122680083775, lng: -97.67782997884831 }, { lat: 38.220434074436966, lng: -97.67787289419255 }]">

我想将以下视图模型绑定到视图：

public class MyMapViewModel
{
    public GoogleMapPoint[] GeofencePoints {get;set;}
    public string OtherProperty {get;set;}
}

public class GoogleMapPoint
{
    public double lat {get;set;}
    public double lng {get;set;}
}

这与我见过的例子略有不同，因为我只希望我的一个属性发布为Json。任何人都能指出我正确的方向吗？我知道我可以把它作为一个字符串传递给我自己序列化/反序列化。但是，我希望有一个优雅的客户模型粘合剂解决方案。

更新

我根据这篇文章找到了一个通用解决方案，我发现： http://mkramar.blogspot.com/2011/05/mvc-complex-model-postback-bind-field.html

public class JsonBindableAttribute : Attribute
{
}

public class MyModelBinder : DefaultModelBinder
{
    protected override object GetPropertyValue(ControllerContext controllerContext, ModelBindingContext bindingContext, PropertyDescriptor propertyDescriptor, IModelBinder propertyBinder)
    {
        if (propertyDescriptor.Attributes.OfType<Attribute>().Any(x => (x is JsonBindableAttribute)))
        {
            var value = bindingContext.ValueProvider.GetValue(bindingContext.ModelName).AttemptedValue;
            return JsonConvert.DeserializeObject(value, propertyDescriptor.PropertyType);
        }

        return base.GetPropertyValue(controllerContext, bindingContext, propertyDescriptor, propertyBinder);
    }
}

在我的模特中：

[JsonBindable]
[UIHint("GoogleMapPoints")]
public GoogleMapPoint[] GeofencePoints { get; set; }

然后在global.asax Application_Start（）

中

ModelBinders.Binders.DefaultBinder = new MyModelBinder();

不幸的是，这只能让我到目前为止。这样就可以将表格值绑定到我的班级了。但是，它不能解决将属性呈现为Json的问题。正如您所看到的，我创建了一个自定义编辑器GoogleMapPoints.cshtml，我基本上必须为每个我将作为jsonbindable的类重新创建。

@model IEnumerable<GoogleMapPoint>
@Html.Hidden("", Newtonsoft.Json.JsonConvert.SerializeObject(Model))

有没有人知道如何使用通用自定义编辑器来关注属性而不是类型，以便使用我的JsonBindable属性着色的属性的EditorFor始终在隐藏字段中呈现为Json而不管类型/类？

Answer 1

您可以为该特定模型创建模型绑定器。这将通过为包含地图点的属性添加一些特定逻辑来扩展默认绑定器，从请求参数反序列化json。

[ModelBinder(typeof(MyMapModelBinder))]
public class MyMapViewModel
{
    public List<GoogleMapPoint> GeofencePoints { get; set; }
    public string OtherProperty { get; set; }
}

public class GoogleMapPoint
{
    public double lat { get; set; }
    public double lng { get; set; }
}

public class MyMapModelBinder : DefaultModelBinder
{
    protected override void BindProperty(ControllerContext controllerContext, ModelBindingContext bindingContext, PropertyDescriptor propertyDescriptor)
    {
        if (propertyDescriptor.Name == "GeofencePoints")
        {
            var model = bindingContext.Model as MyMapViewModel;
            if (model != null)
            {
                var value = bindingContext.ValueProvider.GetValue(propertyDescriptor.Name);
                var jsonMapPoints = value.AttemptedValue;

                if (String.IsNullOrEmpty(jsonMapPoints))                    
                    return ;                    

                MyMapViewModel mapModel = model as MyMapViewModel;
                JavaScriptSerializer serializer = new JavaScriptSerializer();
                mapModel.GeofencePoints = (List<GoogleMapPoint>)serializer.Deserialize(jsonMapPoints, typeof(List<GoogleMapPoint>));
                return;
            }
        }
        base.BindProperty(controllerContext, bindingContext, propertyDescriptor);
    }

}

ASP.Net MVC模型绑定到EditorFor中的JSON

1 个答案: