Блог

У меня есть страница контактов, и на этой странице должна отображаться либо форма, либо сообщение об успешном завершении, либо сообщение об ошибке, так что в основном что-то вроде этого:

 @model MyApp.Models.ContactData

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div>

...Some static content...


If page was opened the first time
    -> Render a form here
Else If form was posted and data successfully processed
    -> Render a success message here
Else If form was posted but error occurred during processing
    -> Render a failure message here

...Some static content...


</div>
  

Я не знаю, каков наилучший способ добиться этого с помощью MVC 3. Должен ли я создавать три полностью отдельных представления (чего я хотел бы избежать из-за статического содержимого, которое было бы одинаковым для всех трех представлений)? Или я мог бы создать три частичных представления, а затем решить на основе дополнительного флага, который я мог бы поместить в класс модели, какое частичное представление отображать? Или я могу каким-то образом динамически вводить частичные представления из контроллера в представление?

Контроллер, который у меня есть до сих пор, выглядит следующим образом:

 public class ContactController : Controller
{
    public ActionResult Index()
    {
        return View();
    }

    [HttpPost]
    public ActionResult Index(ContactData contactData)
    {
        if (ModelState.IsValid)
        {
            ContactService service = new ContactService();
            bool result = service.Process(contactData);

            return ?; // What do I return now? It must somehow depend on result.
        }
        else
            return View(contactData));
    }

}
  

У меня была похожая страница и поведение с ASP.NET Веб-формы и решение заключались в том, чтобы поместить три переменных блока разметки в asp:Panel элементы управления, а затем включить или выключить Visible флаг этих панелей из code-behind. Я думаю, мне нужен совсем другой подход с ASP.NET MVC для достижения той же цели.

Каков наилучший способ?

Заранее благодарим вас за предложения!

Вы можете попробовать этот способ:

     [HttpPost]
    public ActionResult Index(Contact contactData)
    {
        if (ModelState.IsValid)
        {
            ContactService service = new ContactService();
            if (service.Process(contactData))
            {
                TempData["Success"] = "Your success message.";
                return RedirectToAction("Index");
            }
            else
            {
                TempData["Error"] = "Your fail message.";                   
            }
        }
        return View(contact);
    }
  

Возможно, используйте ViewBag, чтобы помочь достичь всего этого. Конечно, она динамическая, поэтому вы можете добавлять и проверять любую поддержку, которую вы хотите / нуждаетесь / ожидаете.

 [HttpPost]
public ActionResult Index(ContactData contactData)
{
    if (ModelState.IsValid)
    {
        ContactService service = new ContactService();
        bool result = service.Process(contactData);
        ViewBag.ContactSuccess = true;
    }
    else
    {
        ViewBag.ModelStateErr= "some err";
    }

    return View(contactData));
}
  

Тогда, по вашему мнению:

 if (ViewBag.ContactSuccess !=null amp;amp; ((bool)ViewBag.ContactSuccess))
{
        //thanks for posting!
}
else
{  
    if (ViewBag.ModelStateErr !=null)
    {
        //show that we have an err
    }
    else
    {
        //we have no err nor a 'true' contact success yet
        //write out the form
    }
}
  

Похоже, что вы можете выполнить вызов ajax на стороне клиента, и на основе результата Json вы можете отображать другой контент на стороне клиента.

Я бы предложил закодировать три разных представления

• index.cshtml
• contactSuccess.cshtml
• contactFail.cshtml

Тогда в вашем контроллере у вас будет аналогичный код, как и раньше

 public class ContactController : Controller
{
    public ActionResult Index()
    {
        return View();
    }

    [HttpPost]
    public ActionResult Index(ContactData contactData)
    {
        if (ModelState.IsValid)
        {
            ContactService service = new ContactService();
            bool result = service.Process(contactData);

            return View("contactSuccess.cshtml"); 
        }
        else
            return View("contactFail.cshtml", contactData);
    }

}
  

Таким образом, каждое представление становится независимым, и у вас нет большого встроенного блока IF в середине вашей разметки.

В качестве альтернативы (и именно так я бы это сделал) вы можете сделать так, чтобы index.cshtml содержал три части…

• _ContactForm.cshtml
• _ContactSuccess.cshtml
• _ContactFail.cshtml

а затем вы можете загружать частичные представления в индексное представление и даже динамически менять их местами с помощью AJAX.