Возвращение как частичного просмотра, так и сообщения

Question

У меня есть частичное представление, где можно изменить строку соединения. При отправке действия Edit вызывается. Отсюда я хочу либо вернуться, либо снова открыть частичный вид, если я хочу, чтобы у пользователя был второй ход. Если все пойдет хорошо (или сбой), я хочу вызвать свою функцию JavaScript Logout, которая регистрирует пользователя и перенаправляет на какую-то стартовую страницу.

Оба решения работают, только не вместе. Мне явно не хватает лучшей практики, что мне делать?

Частичный вид: EditSetting

@model WebConsole.ViewModels.Setting.SettingViewModel 

@using (Ajax.BeginForm("Edit", "Setting", new AjaxOptions { UpdateTargetId = "div" }, new { id = "editform" })) 
{ 
    <fieldset> 
     @Html.AntiForgeryToken() 

     <div class="form-horizontal"> 
      @Html.ValidationSummary(true, "", new {@class = "text-danger"}) 

      <div class="form-group"> 
       @Html.LabelFor(model => model.User, htmlAttributes: new {@class = "control-label col-md-2"}) 
       <div class="col-md-10"> 
        @Html.EditorFor(model => model.User, new {htmlAttributes = new {@class = "form-control"}}) 
        @Html.ValidationMessageFor(model => model.User, "", new {@class = "text-danger"}) 
       </div> 
      </div> 

      <div class="form-group"> 
       @Html.LabelFor(model => model.Password, htmlAttributes: new {@class = "control-label col-md-2"}) 
       <div class="col-md-10"> 
        <input type="password" name="Password" id="Password" value=""/> 
        @Html.ValidationMessageFor(model => model.Password, "", new {@class = "text-danger"}) 
       </div> 
      </div> 

      <div class="form-group"> 
       @Html.LabelFor(model => model.DataSource, htmlAttributes: new {@class = "control-label col-md-2"}) 
       <div class="col-md-10"> 
        @Html.EditorFor(model => model.DataSource, new {htmlAttributes = new {@class = "form-control"}}) 
        @Html.ValidationMessageFor(model => model.DataSource, "", new {@class = "text-danger"}) 
       </div> 
      </div> 

      <div class="form-group"> 
       @Html.LabelFor(model => model.InitialCatalog, htmlAttributes: new {@class = "control-label col-md-2"}) 
       <div class="col-md-10"> 
        @Html.EditorFor(model => model.InitialCatalog, new {htmlAttributes = new {@class = "form-control"}}) 
        @Html.ValidationMessageFor(model => model.InitialCatalog, "", new {@class = "text-danger"}) 
       </div> 
      </div> 
     </div> 
    </fieldset> 
} 

JavaScript: Отправить

$('form').submit(function() { 
    var $self = $(this); 

    if ($(this).valid()) { 

     // Change Connection String 
     $.ajax({ 
      url: this.action, 
      type: this.method, 
      data: $(this).serialize(), 
      success: function (message) { 

       // Use Partial View 
       //$('#myModal .modal-body').html(message); 

       // Conn Str is now changed. Log out and redirect 
       logOut($self, message); 
      }, 
      error: function (message) { 
       logOut($self, message); 
      } 
     }); 
    } 
    return false; 
}); 

Действие: Редактировать

[HttpPost] 
public ActionResult Edit(SettingViewModel model) 
{ 
    // Validate inputs 
    if (!ModelState.IsValid) 
    { 
     ModelState.AddModelError("", @"Not all inputs are valid."); 
     return PartialView("EditSetting", model); 
    } 

    var sql = new DAL.SQL(DAL.SQL.GenerateConnectionString(model.DataSource, model.InitialCatalog, model.User, SecurePassword(model.Password))); 

    // Validate Connection String 
    if (!sql.Open()) 
    { 
     ModelState.AddModelError("", @"Error. Unable to open connection to Database."); 
     return PartialView("EditSetting", model); 
    } 

    // Validate a transaction 
    if (!sql.IsRunningTransact()) 
    { 
     ModelState.AddModelError("", @"Error. Unable to connect to Database Server."); 
     return PartialView("EditSetting", model); 
    } 

    // Save Connection String 
    BuildAndEncryptConnString(model); 

    return Content("The Connection String is changed. Log in again to continue."); 
} 

Answer 1

Используя метод расширения RenderToString и basead на cacois answer, вы можете создать свои действия так:

public ActionResult Edit(SettingViewModel model) 
{ 
    // "Ifs" to return only partials 
    if (ModelState.IsValid) 
    { 
     return PartialView("EditSetting", model); 
    } 

    ... 

    // Returning a Json with status (success, error, etc), message, and the content of 
    // your ajax, in your case will be a PartialView in string 
    return Json(new { 
       Status = 1, 
       Message = "error message", 
       AjaxReturn = PartialView("EditSetting", model).RenderToString()}); 
} 

Пс. Я предлагаю вам создать модель для определения возврата Ajax, с Status, Message и AjaxReturn. При этом ваши запросы ajax всегда будут возвращать один и тот же тип объекта. Для свойства Status вы можете создать Enum.

Ваш Аякса запрос, будет выглядеть следующим образом:

$.ajax({ 
    url: this.action, 
    type: this.method, 
    data: $(this).serialize(), 
    success: function (data) { 
     if(data.Message == undefined) { 
      // Use data like a partial 
     } else { 
      // Use data.Message for the message and data.AjaxReturn for the partial 
     } 
    }, 
    error: function (message) { 
     logOut($self, message); 
    } 
}); 

Answer 2

Вы можете вернуть Патиальный просмотр и Intialize ViewBag и назначить ему сообщение, а затем в представлении проверить, есть ли значение и показать его, если true.

Контроллер:

[HttpPost] 
public ActionResult Edit(SettingViewModel model) 
{ 
    // Put the ViewBag where ever you want 
    ViewBag.ErrorMsg =" Error"; 
    return PartialView("EditSetting", model); 
} 

Вид:

@if(ViewBag.ErrorMsg !=null) 
{ 
    <div>@ViewBag.ErrorMsg</div> 
} 

Я надеюсь, что помог.

Answer 3

Добавить обработку ошибок в вашей ViewModel:

bool hasErrors; 
string errorMessage; 

В контроллере, если проверка данных в порядке, просто вернуть PartialView или return RedirectToAction("Index");. Если нет, установите hasErros = true; и обычай errorMessage.

В представлении, поместите блок кто-то об ошибке, в котором пользователь будет видеть его:

@if (Model.hasErrors) 
{ 
    <div>Model.errorMessage</div> 
} 

Кстати, вы можете сделать проверку данных внутри конструктора ViewModel.