Bootstrap Частичный вид формы модальных не подают

голоса
2

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

<div class=modal-dialog>
    <div class=modal-content>
        <div class=modal-header>
            <button type=button class=close data-dismiss=modal aria-hidden=true>
                &times;
            </button>
            <h4 class=modal-title id=myModalLabel>Register Datasource</h4>
        </div>
        <div class=modal-body>
            @using (Html.BeginForm(Add, DataSource, FormMethod.Post, new { id = order-form, @class = smart-form, novalidate = novalidate }))
            {
                <!-- modal data -->
            }
        </div>
        <div class=modal-footer>
            <button type=button class=btn btn-default data-dismiss=modal>
                Cancel
            </button>
            <button type=button class=btn btn-primary>
                Add
            </button>
        </div>
    </div><!-- /.modal-content -->
</div>

на индексной странице я буду стрелять модальное шоу с нажатием кнопки

$('#btn-addDataSource').on('click', function() {
                var url = '@Url.Action(AddProvider,DataSource)';
                $.get(url, function (data) {
                    $('#register-modal').html(data).modal('show');
                });
            });

но когда я отправить форму он не представляет я использовал

$('#register-modal form').submit(function () {
    $.ajax({
        url: this.action,   
        type: this.method,
        data: $(this).serialize(),
        success: function (result) {
            if (result.success) {
                $('#register-modal').modal('hide');

            }
        }
    });
    return false;
});

что было я пропустил, когда я представление пожалуйста ??

Задан 16/03/2015 в 12:08
источник пользователем
На других языках...                            


2 ответов

голоса
1

Вместо кнопочного типа = «кнопка» изменить на тип = «отправить»

$('#order-form').submit(function () {
    $.ajax({
        url: this.action,   
        type: this.method,
        data: $(this).serialize(),
        success: function (result) {
            if (result.success) {
                $('#register-modal').modal('hide');

            }
        }
    });
    return false;
});
<div class="modal-dialog">
    <div class="modal-content">
       @using (Html.BeginForm("Add", "DataSource", FormMethod.Post, new { id = "order-form", @class = "smart-form", novalidate = "novalidate" }))
            {
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                &times;
            </button>
            <h4 class="modal-title" id="myModalLabel">Register Datasource</h4>
        </div>
        <div class="modal-body">
           
            
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">
                Cancel
            </button>
            <button type="submit" class="btn btn-primary">
                Add
            </button>
        </div>
          <!-- modal data -->
            }
    </div><!-- /.modal-content -->
</div>

Ответил 16/03/2015 в 12:21
источник пользователем

голоса
-1

Его хак, но попробуйте отправить его J-запроса. то есть:

$(document).on("click", "#btnEdit", function(){
    $("#formEditCustomer").submit();
});
Ответил 29/09/2017 в 06:34
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more