Отправить данные из диалога в контроллер - PullRequest
Новая
       11

Отправить данные из диалога в контроллер

0 голосов
/ 17 декабря 2018

У меня есть вид, из которого кнопка вызывает диалог Bootstrap.Внутри этого диалога я отображаю это представление: 

 @using (Ajax.BeginForm("Create", new { @class = "form-control", id="form-create"  }, new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "wrapperViews" }))
{

@Html.AntiForgeryToken()
@Html.ValidationSummary(false)
<hr />
<div class="form-horizontal">
    <div id="divParamType" style="display: none;"></div>
    <div class="form-group">
        @Html.LabelFor(x => Model.PhaseID, htmlAttributes: new { @class = "control-label col-md-1" })
        <div class="col-md-3">
            @Html.DropDownListFor(x => Model.PhaseID,
                new SelectList(Model.Phases, "Value", "Text"), "", new { @class = "form-control", id = "Phase" })
            @Html.ValidationMessageFor(x => Model.PhaseID, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(x => Model.ParamID, "Description", htmlAttributes: new { @class = "control-label col-md-1" })
        <div class="col-md-3">
            @Html.DropDownListFor(x => Model.ParamID,
                  new SelectList(Model.ProcessIDListParams, "Value", "Text"), "", new { @class = "form-control", id = "ProcessParam" })
            @Html.ValidationMessageFor(x => Model.ParamID, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group" id="forList">
        @Html.LabelFor(x => Model.CodeValue, htmlAttributes: new { @class = "control-label col-md-1" })
        <div class="col-md-3">
            @Html.DropDownListFor(x => Model.CodeValue,
            new SelectList(Model.PPvalues, "Value", "Text"), "", new { @class = "form-control", id = "PPValue" })
            @Html.ValidationMessageFor(x => Model.CodeValue, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group" id="forOtherType">
        @Html.LabelFor(x => Model.CodeValue, htmlAttributes: new { @class = "control-label col-md-1" })
        <div class="col-md-2">
            @Html.TextBoxFor(x => Model.CodeValue, new { @class = "form-control", id = "PPValTextBox" })
            @Html.ValidationMessageFor(x => Model.CodeValue, "", new { @class = "text-danger" })
            <div id="idTypeValue1"></div>
        </div>
        @Html.Label("<=", htmlAttributes: new { @class = "control-label col-md-1", id = "SecondValueLabel" })
        <div class="col-md-2">
            @Html.TextBoxFor(x => Model.SecondValue, new { @class = "form-control", id = "SecondValue" })
            @Html.ValidationMessageFor(x => Model.SecondValue, "", new { @class = "text-danger" })
            <div id="idTypeValue2"></div>
        </div>
    </div>
}

, вызывая @Html.Action("Create", "Search")

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="dialog">

    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            <h5 class="modal-title">Add Parameter</h5>
        </div>
        <div class="modal-body">
            @Html.Action("Create", "Search")
            <div id="myModalContent"></div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <input type="submit" id="bntSubmit" , name="name" class="btn btn-primary" value="Save" />

        </div>
    </div>
</div>

Пока все хорошо, мой диалог открывается и показывает представление.

enter image description here

Но когда я нажимаю кнопку Сохранить, мой запрос ajax не выполняется, поскольку я не могу передать данные, даже если я сериализовал форму.Идентификатор формы в представлении «form-create»: 

@using (Ajax.BeginForm("Create", new { @class = "form-control", id="form-create"  }, new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "wrapperViews" }))

, но когда результат от serialize () пуст. 

 $(document).ready(function () {
    $('#bntSubmit').click(function (e) {
        debugger;
        e.preventDefault();
        var form = $("#form-create").serialize();
        debugger;
        $.ajax({
            type: "POST",
            url: '/Search/Create',
            data: form,
            success: function () {
                $('#myModal').modal("hide");
            },
            error: function () {
                alert("Dynamic content load failed.");
            }
        });

    });

});

Я пытался изменить форму идентификатора с модальным идентификаторомно ничего не изменилось.Я борюсь за это в течение одного дня, и пока нет решения.

Любая помощь будет оценена.

1 Ответ

0 голосов
/ 17 декабря 2018

Во-первых, убедитесь, что вы включили «jquery.unobtrusive-ajax.min.js» в свой макет, «Ajax.Beginform» не будет работать без него.

Если это не сработает,попробуйте просто отправить форму.Используя «Ajax.Beginform», вы должны просто связать: 

$(function () {
    $('#bntSubmit').on('click', function (e) {
        e.preventDefault();
        $('form-create').submit();
    });
});

и использовать событие «OnSuccess» в объекте «AjaxOptions», чтобы сделать все остальное.

...