Один взгляд с разными взглядами - MVC

Question

У меня есть проект MVC.Представления в формате aspx.

Я создал вид, разделенный на одну вертикальную линию.Левая сторона всегда одинакова, она не меняется.С левой стороны есть две кнопки.Если я нажму на кнопку 1, в правой части должна быть форма для ввода пищи.Если я нажму на кнопку 2, в правой части должна появиться форма для ввода напитка.Формы выглядят совсем по-другому.

Я уже сделал часть о еде, и она работает.Я поместил форму в таблицу в div, который называется «food», и он всегда скрыт, за исключением случаев, когда нажимается кнопка 1.

Теперь я должен выполнить часть для напитков.Я хочу сделать то же самое для этого, но у меня есть проблема.Когда я сделал пищевую форму, я подошел к дизайну представления страницы aspx, и это было очень легко, я видел, что я делал визуально.Теперь, если я перейду в режим конструктора (чтобы сделать часть напитка), часть еды уже показана.Как поставить контроль над тем, что у меня уже есть?Как расположить форму напитка над пищевой формой?У этого div будет идентификатор с именем drinkSide, и я буду переключаться между напитками и продуктами.

Есть ли другой способ, кроме как с новым видом?

Answer 1

Вы можете создать отдельные страницы частичного просмотра и зарегистрировать их на содержащей странице. Это будет держать их отдельно друг от друга.

Answer 2

Вы можете использовать AJAX, если вам не нравится показывать скрытые div.Идея состоит в том, что вы поместите 2 формы в 2 отдельных частичных представления: food.ascx и drink.ascx.Изначально у вас будет элемент div в главном представлении, который будет использоваться в качестве заполнителя для формы.Когда нажата кнопка1, вы можете отправить AJAX-запрос к действию контроллера, который вернет первый фрагмент, и вы ввели бы полученный фрагмент HTML в контейнер div.Вы можете сделать то же самое для второй кнопки, за исключением того, что вызовете другое действие контроллера, возвращающее второй фрагмент.