如何使用自己的表单操作加载部分视图

Question

我在表单上有三个选项卡但是我在表单上有sep元素但是我有一个局部视图加载在主要元素之间，它们有自己的形式

Obv我可以使用一个表单标记来包含主要元素，但在这种情况下如何处理我的sep视图，因为目前主要表单标记会覆盖它

编辑2 我遇到的主要问题是，当我加载局部视图时，主模态没有被填充，因为我没有告诉它去控制器执行一些linq我的主要问题是我该怎么做。

<div class="col-md-10">
    <div class="nav-tabs-custom">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#productInfo" data-toggle="tab">Product Info</a></li>
            <li><a href="#images" data-toggle="tab">Product Images</a></li>
            <li><a href="#seo" data-toggle="tab">Seo</a></li>
            <li><a href="#settings" data-toggle="tab">Settings</a></li>
        </ul>
        <div class="tab-content">


          <div class="active tab-pane" id="productInfo">

            <!-- Horizontal Form -->
             <div class="box box-info">
              <div class="box-header with-border">
                 <h3 class="box-title">Horizontal Form</h3>
               </div>
              <!-- /.box-header -->
               <!-- form start -->

               <div class="box-body">

              <div asp-validation-summary="ModelOnly" class="text-danger"></div>
              <div class="form-group">
               <label for="inputPassword" class="col-sm-2 control-label">Product Name</label>
                                    <div class="col-sm-10">
                                        <input type="text" asp-for="ProductName" class="form-control" id="productName">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label asp-for="SKU" class="col-sm-2 control-label">Product Sku</label>
                                    <div class="col-sm-10">
                                        <input asp-for="SKU" class="form-control" />
                                        <span asp-validation-for="SKU" class="text-danger"></span>
                                    </div>
                                </div>


                                <div class="form-group">
                                    <label asp-for="LongDescription" class="col-sm-2 control-label">Product Description</label>
                                    <div class="col-sm-10">

                                        <textarea id="editor1" class="form-control"></textarea>
                                        <span asp-validation-for="LongDescription" class="text-danger"></span>
                                    </div>
                                </div>






                                <div class="row">
                                    <div class="col-xs-2">
                                        <div class="input-group">

                                            <div class="input-group">
                                                <span class="input-group-addon"><i class="fa fa-gbp"></i></span>
                                                <input type="text" asp-for="OldPrice" placeholder="Price" class="form-control">

                                            </div>
                                        </div>
                                        <!-- /input-group -->
                                    </div>

                                    <!-- /.col-lg-6 -->
                                    <div class="col-xs-2">
                                        <div class="input-group">
                                            <span class="input-group-addon"><i class="fa fa-gbp"></i></span>
                                            <input type="text" asp-for="OldPrice" placeholder="Old Price" class="form-control">

                                        </div>
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                </div>



    </form>

                        </div>
                        <!-- /.tab-pane -->
                    </div>

                </div>


                <div class="tab-pane" id="images">

                    Product Images
                    @await Html.PartialAsync("_ProductPicture", Model)


                </div>

                <div class="tab-pane" id="seo">

</div>

</div>

这是我从上面加载的部分视图。

@model solitude.models.Models.ViewModels.ProductImageVm 
@*
    For more information on enabling MVC for empty projects, visit http://go.microsoft.com/fwlink/?LinkID=397860
*@

@Html.PartialAsync("_ProductPicturesList.cshtml")




    <div class="form-group">

        <form asp-controller="Products" asp-action="FileUpload" asp-route-returnurl="@ViewData["ReturnUrl"]" enctype="multipart/form-data" method="post" class="form-horizontal" role="form">



            <input asp-for="Title" />
            <input asp-for="ProductId" type="hidden" />
            <input asp-for="Image" />
            <input type="submit" />
        </form>



    </div>