将MVC中的主视图划分为多个子视图

时间:2016-10-04 07:26:16

标签: javascript jquery html asp.net-mvc razor

我想创建一个内部划分为多个子视图的视图 这将显示在彼此旁边,即

视图将包含一些步骤,当用户填充其中一个子视图时,他应该单击子视图上的下一个按钮,以显示将直接显示在旧子视图旁边的下一个子视图。

我正在使用c#,MVC5,JavaScript,Jquery。

我正在考虑创建ViewModel,它从所有必需的表中包含所有子视图的所有数据,然后创建一个强类型的视图模型。

在强类型视图中,我想创建一个主要的Div html元素,它将包含另一个子div元素(将水平显示在彼此旁边),并且会有一个水平滚动来滚动这些子div元素,它们中的每一个都有固定的宽度,并且还包含一部分数据的字段,

在页面的第一次加载中,将只有第一个子div对用户可见,它包含一个表格数据,当用户点击这一数据的一行时,它应该只显示第二个子div以及要填充或编辑的可编辑字段以及带有文本的按钮,当用户在第二个子视图上单击继续按钮时,它应显示第三个div元素,该元素还包含一些可编辑字段和下一个按钮,用户单击该按钮它应该显示第四个div ...等,在最后一步它应该显示一个提交按钮,以保存所有这些div元素中的数据,同时冷却页面的验证。

我试图找到另一个解决方案,而不是使用部分视图,这个想法会起作用,因为我没有时间实施和测试,我应该快速做出决定,

或者如果有更好的解决方案,我很乐意知道。

我还需要最后的提交按钮,如果它包含验证错误,则自动水平滚动到子div。

我对此有任何建议,但我不想使用Angular或NodeJS。

0 个答案:

没有答案