csharp Añadircompormrioquepuedesañadirvarioselementos de ese formulario dando a un boton y

Posted 2021-05-12

Vista de Create:
<div id="editorRows">
    @foreach (var item in Model.RestaurantContent)
    {
        @Html.Partial("~/Views/Shared/Restaurant/_RestaurantContent.cshtml", item)
    }
</div>
<div class="form-group">
    <div class="col-md-10">
        <span class="fa fa-plus-square-o" aria-hidden="true">
            @Html.ActionLink("Add content...", "BlankRestaurantContentRow", null, new { id = "addItem" })
        </span>
    </div>
</div>

Con su script:
@section Scripts {
    <script type="text/javascript">
        $(document).ready(function () {
            $("#addItem").click(function () {
                $.ajax({
                    url: this.href,
                    cache: false,
                    method: "POST",
                    success: function (html) { $("#editorRows").append(html); }
                });
                return false;
            });
        });
    </script>
}

Vista parcial que llama la vista anterior:
@model AbcResBackoffice.Models.RestaurantContent
<div class="editorRow">
    @using (Html.BeginCollectionItem("RestaurantContent"))
    {   <hr />
        <div class="form-group">
            @Html.LabelFor(model => model.Icon, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Icon)
                @Html.ValidationMessageFor(model => model.Icon)
            </div>
        </div>
        <div class="form-group">
            @Html.LabelFor(model => model.Title_en, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Title_en)
                @Html.ValidationMessageFor(model => model.Title_en)
            </div>
        </div>
        <div class="form-group">
            @Html.LabelFor(model => model.Text_en, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Text_en)
                @Html.ValidationMessageFor(model => model.Text_en)
            </div>
        </div>
        <div class="form-group">
            @Html.LabelFor(model => model.Order, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Order)
                @Html.ValidationMessageFor(model => model.Order)
            </div>
        </div>
        
            <a href="" class="deleteRow"><span class="fa fa-trash" aria-hidden="true"></span></a>
        }
    </div>

    @section Scripts {
        <script type="text/javascript">
            $(document).ready(function () {
                $("a.deleteRow").live("click", function () {
                    $(this).parents("div.editorRow:first").remove();
                    return false;
                });
            });
        </script>
    }

Y añadimos en el controlador:
[HttpPost]
[Authorize(Roles = "Administrator")]
public PartialViewResult BlankRestaurantContentRow()
{
    return PartialView("~/Views/Shared/Restaurant/_RestaurantContent.cshtml", new RestaurantContent());
}