Asp.net mvc 一个具有不同外观的视图-MVC

Asp.net mvc 一个具有不同外观的视图-MVC,asp.net-mvc,Asp.net Mvc,我有一个MVC项目。这些视图是aspx 我创建了一个垂直线分割的视图。左边总是一样的,不会改变。在左侧,有两个按钮。如果我点击按钮1,右边应该有一个输入食物的表格。如果我点击按钮2,右边的部分应该有一个输入饮料的表格。这些形状有非常不同的外观 我已经做了关于食物的部分,而且很有效。我把表单放在一个名为“food”的div表中,它总是隐藏的,除非单击按钮1 现在我要做饮料的角色了。我也想做同样的事情,但我有个问题。当我制作食物表单时,我进入了aspx页面的设计视图,它非常简单,我在视觉上看到了我在

我有一个MVC项目。这些视图是aspx

我创建了一个垂直线分割的视图。左边总是一样的,不会改变。在左侧,有两个按钮。如果我点击按钮1,右边应该有一个输入食物的表格。如果我点击按钮2,右边的部分应该有一个输入饮料的表格。这些形状有非常不同的外观

我已经做了关于食物的部分,而且很有效。我把表单放在一个名为“food”的div表中,它总是隐藏的,除非单击按钮1

现在我要做饮料的角色了。我也想做同样的事情,但我有个问题。当我制作食物表单时,我进入了aspx页面的设计视图,它非常简单,我在视觉上看到了我在做什么。现在,如果我转到设计视图(制作饮料部分),食物部分已经显示出来了。如何控制我已经拥有的那个?如何将饮料形式置于食物形式之上?它的div将有一个名为'drinkSide'的id,我将在饮料和食物之间切换


除了使用新视图,还有其他方法吗?

您可以创建单独的页面部分视图,并将它们都注册到包含页面。这将使它们很好地分开。

您可以创建单独的页面部分视图,并将它们注册到包含它们的页面。这将使它们很好地分开。

如果您不喜欢显示隐藏的div,可以使用AJAX。我们的想法是将这两个表单放在两个单独的局部视图中:
food.ascx
drink.ascx
。最初,主视图中将有一个div元素,它将用作表单的占位符。单击button1时,您可以向控制器操作发送AJAX请求,该操作将返回第一个部分,并将生成的部分HTML注入容器div。您可以对第二个按钮执行相同的操作,但您将调用另一个控制器操作返回第二个部分。

如果需要,可以使用AJAX不喜欢显示隐藏的div。我们的想法是将这两个表单放在两个单独的局部视图中:
food.ascx
drink.ascx
。最初,主视图中将有一个div元素,它将用作表单的占位符。单击button1时,您可以向控制器操作发送AJAX请求,该操作将返回第一个部分,并将生成的部分HTML注入容器div。您可以对第二个按钮执行相同的操作,除了调用另一个控制器操作返回第二个部分。

但是我已经制作了食物部分我能复印一下吗?你能再解释一下吗?是的,你可以把所有现有的标记移到局部视图中。我不完全确定ASP.MVC2.0中部分视图是如何实现的,但我认为您可以创建用户控件(ascx文件),但我已经制作了食品部分。我能复印一下吗?你能再解释一下吗?是的,你可以把所有现有的标记移到局部视图中。我不完全确定ASP.MVC2.0中部分视图是如何实现的,但我认为您可以创建用户控件(ascx文件)。