Question

我的MVC 5应用程序中有一个Markdown编辑器。这是代码：

<script type="text/javascript">
var executivesummary = new tui.Editor({
el: document.querySelector('#Recommendation'),
previewStyle: 'vertical'})

我有保存功能以保存编辑器的内容，如此

function saveContent(e) {
 var contents = Recommendation.GetValue();
 console.log(content)
 e.preventDefault();
                        }

我在模型中有一个带有get和set的字段，我想更新这个值＆＃34;内容＆＃34;到模型。怎么做？

Answer 1

您需要调用控制器中的操作方法来更新模型。然后，您可以使用Ajax（或使用Ajax.BeginForm）重新加载视图（或部分视图）。

ajax调用的一些示例：

$("#idToClickOn").click(function () {
    var contents = @Html.Raw(Json.Encode(Recommendation.GetValue()));
    $.ajax({
        url: 'https://@(Request.Url.Host)/Controller/Action',
        type: 'POST',
        dataType: 'json',
        data: contents,
        contentType: 'application/json; charset=utf-8',
        success: function (data) {
            alert(data);
        }
        error: function (data) {
            alert("error: " + data);
        }
    });
});

使用Ajax.BeginForm的一些示例：

@using (Ajax.BeginForm("Action", new { Controller = "ControllerName", area = "" }, new AjaxOptions() { OnSuccess = "onSuccessLogin", HttpMethod = "POST", UpdateTargetId = "idInViewToUpdate"}, new { id = "formID" }))
{
    ...
    <div>
        @Html.Partial("Path to form body")                           
    </div>
    <button class="btn btn-primary btn-block">Save</button>
}

你的控制器，如：

[HttpPost]
[ValidateAntiForgeryToken]
[HandleError]
public ActionResult Action(YourModel model)
{
    if (ModelState.IsValid)
    {
        do Something;
        return PartialView("Path to your view");
    }
    else
    {
        return PartialView("Path to your view", model);
    }
}

当然，YourModel需要适合您创建的json。

在该操作中，您可以修改模型并重新加载视图。

如何在MVC 5中更新模型

1 个答案: