剃刀页面,如何将json序列化的字符串传递到模型属性中

时间:2019-12-02 17:56:08

标签: c# .net-core model asp.net-core-mvc razor-pages

我有一个带有以json格式序列化的字符串属性的模型,但是我无法保存:

public class Foo
{        
    public string NameProp;
    public string JsonCover;
}

public class Cover
{        
    public bool Loop;
    public bool FreeMode;
}

JsonCover字符串是这样的:

{"Loop":true,"FreeMode":true}

查看cshtml:

    @model MyLocalPath.Models.Foo
    @using Newtonsoft.Json
    @{Cover cover = JsonConvert.DeserializeObject<Cover>(Model.JsonCover); }

  <div class="row">
    <div class="col-md-4">
        <form method="post">                
            <div class="form-group">
                <label asp-for="@Model.nameProp" class="control-label"></label>
                <input asp-for="@Model.nameProp" class="form-control" />
                <span asp-validation-for="@Model.nameProp"></span>
            </div>                                
            <div class="form-group">
                <label asp-for="@cover.Loop" class="control-label"></label>
                <input asp-for="@cover.Loop" class="form-control" />
                <span asp-validation-for="@cover.Loop"></span>
            </div>
            <div class="form-group">
                <label asp-for="@cover.FreeMode" class="control-label"></label>
                <input asp-for="@cover.FreeMode" class="form-control" />
                <span asp-validation-for="@cover.FreeMode"></span>
            </div>
            <div class="form-group">
                <input type="submit" value="Save" name="save" />
            </div>
        </form>
    </div>
</div>

我的问题是在HttpPost IActionResult中:Foo.JsonCover为NULL。所以我无法保存。

1 个答案:

答案 0 :(得分:2)

您可以使用自定义模型活页夹。根据您的要求,您可以创建如下属性绑定器:

public class CustomModelBinder : IModelBinder
{
    public Task BindModelAsync(ModelBindingContext bindingContext)
    {
        var valueProviderResult = bindingContext.ValueProvider.GetValue(bindingContext.ModelName);

        var loop = bindingContext.HttpContext.Request.Form["cover.loop"][0];
        var freeMode = bindingContext.HttpContext.Request.Form["cover.freemode"][0];

        Cover cover = new Cover() {Loop=Convert.ToBoolean(loop),FreeMode= Convert.ToBoolean(freeMode) };
        var result= JsonConvert.SerializeObject(cover);

        bindingContext.Result = ModelBindingResult.Success(result);

        return Task.CompletedTask;
    }
}

并应用于您的模型:

public class Foo
{
    public string nameProp { get; set; }

    [BindProperty(BinderType = typeof(CustomModelBinder))]
    public string JsonCover { get; set; }
}

服务器端功能:

public IActionResult actionName(Foo myViewModel)
{
   ...
}