none
MVC Bootstrap Modal RRS feed

  • Pergunta

  •  Olá  Minha duvida é a seguinte , tenho uma lista de registros e gostaria de saber como chamar um modal edit no MVC para atualizar o mesmo. 

    Muito obrigado.

    quarta-feira, 11 de junho de 2014 12:15

Todas as Respostas

  •  Olá  Minha duvida é a seguinte , tenho uma lista de registros e gostaria de saber como chamar um modal edit no MVC para atualizar o mesmo. 

    Muito obrigado.

      Ola pessoal , estou próximo do objetivo, tirando a opção "hide"  da classe da"div" aparece dessa forma:

    Obrigado.

    quarta-feira, 11 de junho de 2014 13:02
  • Galera venho insistir nesse post pois é urgente , fiz algumas alterações porem a tela modal não aparece: vou posta meu Código:

    @model List<x.x.Dominio.Entidade.Lancamento>

    @{
        ViewBag.Title = "ListaLancamento";
        
    }

    <script src="~/Scripts/jquery-2.1.1.min.js"></script>
    <table class="table table-bordered table-striped">
        <thead>
            <tr>
                <th>Id</th>
                <th>Name</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in Model)
            {
                <tr>
                    <td>@item.DespesaId</td>
                    <td>@item.Cliente</td>
                    <td>@Html.ActionLink("Editar", "Editar", new { @id = item.DespesaId }, new { @class = "btnEdit btn btn-small btn-info" })</td>
                </tr>
            }
        </tbody>
        <tfoot>
            <tr>
                <td colspan="3">@Html.ActionLink("Adicionar", "Editar", null, null, new { @class = "btnEdit btn btn-small btn-info" })</td>
            </tr>
        </tfoot>
    </table>

    <div id='dialogDiv' class='modal hide fade in'>
        <div id='dialogContent'></div>
    </div>


    @section scripts
    {

        <script type="text/javascript">

            $(function() {

                $.ajaxSetup({ cache: false });

                $('.btnEdit').click(function() {
                    $('#dialogContent').load(this.href, function() {
                        $('#dialogDiv').modal({
                            backdrop: 'static',
                            keyboard: true
                        }, 'show');
                        bindForm(this);

                    });
                    return false;
                });
            });

            function bindForm(dialog) {
                $('form', dialog).submit(function() {
                    $.ajax({
                        url: this.action,
                        type: this.method,
                        data: $(this).serialize(),
                        success: function(result) {
                            if (result.success) {
                                $('#dialogDiv').modal('hide');
                                location.reload();
                            } else {
                                $('#dialogContent').html(result);
                                bindForm();
                            }
                        }
                    });
                    return false;
                });
            }
        </script>
    }

    quarta-feira, 11 de junho de 2014 16:54
  • Dá uma olhada nesse tutorial: aqui
    quarta-feira, 11 de junho de 2014 17:47
  • olá amigo, infelizmente não deu certo, é algum detalhe que não esta correto.

    muito obrigado.

    quarta-feira, 11 de junho de 2014 18:04