表格组部分放在mvc 4中的不同页面中

Question

我有以下viewpage，其形式包含文本字段，下拉列表和富文本区域。

这是该视图的cshtml code

我想将Product_ID，ProductTypeID，ProductCategoryID，Subsidary_ID限制在第一页，并从产品标题向前添加到第二页。

喜欢这个观点

我该怎么做？

Answer 1

您需要创建3个独立的视图模型，其中包含3个单独的视图和3个操作方法。然后在第一个视图的POST方法中，保存数据并重定向到第二个视图，如下所示。假设您希望在视图中仅显示有限数量的表单控件的视觉效果，更好的解决方案是保留一个视图并在表单标记内部，使用“下一个/后退”按钮的呈现部分仅显示一个部分时间。一个简单的例子是

查看

<section>
    // first section controls
    <button class="next">Next</button>
</section>
<section>
    // second section controls
    <button class="next">Next</button>
</section>

CSS

section:not(:first-of-type) {
    display:none;
}

脚本

$('.next').click(function () {
    var container = $(this).closest('section');
    container.next('section').show();
    container.hide();
});

表单中的最后一部分包含一个提交按钮，用于将表单发回给控制器。

另请参阅this answer以获取有关实施客户端验证的更多详细信息，以确保当前部分中的表单控件在转到下一部分之前有效。