Позвонив в формуляр нужно конвертировать в popoup

Я работаю с ASP MVC, звоню в частичный вид, который должен превращаться в popoup, это называю с кнопки с моего вида index, код - следующий:

@Model OperacionesCrudMVC.Models.Phone

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 class="modal-title">Phone Detail</h3>
</div>

<div class="modal-body">
    <div class="form-horizontal">
        <div class="form-group">
            @Html.LabelFor(m => Model.Model, new { @class = "control-label col-sm-3" })
            <div class="col-sm-9">
                @Html.TextBoxFor(m => m.Model, new { @class = "form-control required", @disabled = "disabled" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(m => Model.Company, new { @class = "control-label col-sm-3" })
            <div class="col-sm-9">
                @Html.TextBoxFor(m => m.Company, new { @class = "form-control required", @disabled = "disabled" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(m => Model.Price, new { @class = "control-label col-sm-3" })
            <div class="col-sm-9">
                @Html.TextBoxFor(m => m.Price, new { @class = "form-control required", @disabled = "disabled" })
            </div>
        </div>
    </div>
</div>

<div class="modal-footer">
    <button class="btn btn-warning" data-dismiss="modal">Close</button>

    <div id='myModal' class='modal fade in'>
        <div class="modal-dialog">
            <div class="modal-content">
                <div id='myModalContent'></div>
            </div>
        </div>
    </div>

    @section scripts{
        <script type="text/javascript" src="~/scripts/Appjs/phones.js"></script>
    }
</div>

У меня есть .js, который я представляю себя, он это делает popup:

$(function () {
$.ajaxSetup({ cache: false });
$("a[data-modal]").on("click", function (e) {        
    $('#myModalContent').load(this.href, function () {
        $('#myModal').modal({
            keyboard: true
        }, 'show');
        bindForm(this);
    });
    return false;
function bindForm(dialog) {
$('form', dialog).submit(function () {
    $('#progress').show();
    $.ajax({
        url: this.action,
        type: this.method,
        data: $(this).serialize(),
        success: function (result) {
            if (result.success) {
                $('#myModal').modal('hide');
                $('#progress').hide();
                location.reload();
            } else {
                $('#progress').hide();
                $('#myModalContent').html(result);
                bindForm();
            }
        }
    });
    return false;
});
}
1
задан 09.03.2016, 23:20
1 ответ

Я понимаю ты был бы должен реализовывать две операции

  • определять div как как popup

  • загружать html partial динамической формы

Проанализируй пример

Render в partial view inside в модального Jquery popup on top of в parent view

Тогда определяет popup используя что-то, как, его будучи

$("#myModal").dialog({
    autoOpen: true,
    modal: true,
    open: function () {
        $(this).load('@Url.Action("NombreAction", "NombreController")');
    },
    buttons: {
        "Aceptar": function () {
            //codigo
        },
        Cancel: function () {
            $(this).dialog("close");
        }
    }
});

, Груз контента div простой посредством линии

$(this).load('@Url.Action("NombreAction", "NombreController")');

, помнит что определяет action, который возвращает partial, который ты переворачивал бы внутри div.

ты не нуждаешься в вызове ajax, чтобы загружать div

0
ответ дан 24.11.2019, 14:45