jucai/resources/views/admin/tools/dialog.blade.php

<a class="btn btn-sm btn-primary " data-toggle="modal" data-target="#dialog-{{$uniqid}}" title="{{$button}}">
    <i class="fa fa-gratipay"></i>
    <span class="hidden-xs">{{$button}}</span>
</a>
<div class="modal fade" id="dialog-{{$uniqid}}" tabindex="-1" role="dialog" aria-labelledby="ModalLabel-{{$uniqid}}">
    <div class="modal-dialog" role="document">
        <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>
                <h4 class="modal-title" id="myModalLabel">{{$title}}</h4>
            </div>
            <div class="modal-body">
                {!! $form !!}
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>{{$dialog_cancel}}</button>
                @if($is_form===true)
                <button type="button" id="dialog-submit-{{$uniqid}}" class="btn btn-primary" data-loading-text="提交中..."><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>{{$dialog_ok}}</button>
                @endif
            </div>
        </div>
    </div>
</div>
@if($is_form===true)
<script>
    $(function () {
        $('#dialog-submit-{{$uniqid}}').on('click', function () {
            $(this).button('loading');
            submit_data={};
            form_data=$('#dialog-form-{{$uniqid}}').serializeArray();
            $.each(form_data,function () {
                submit_data[this.name]=this.value;
            });
            submit_data['_token']=LA.token;
            @if ($is_batch === true)
            var id = selectedRows().join();
            submit_data['ids']=id;
            @endif
            $('#dialog-{{$uniqid}}').modal('handleUpdate')
            $.ajax({
                method: 'post',
                url: $('#dialog-form-{{$uniqid}}').attr("action"),
                data: submit_data,
                complete:function() {
                    $('#dialog-submit-{{$uniqid}}').button('reset');
                },
                success: function (data) {
                    $('#dialog-{{$uniqid}}').modal('hide');
                    setTimeout(function () {
                        $.pjax.reload('#pjax-container');
                    },500);

                },
                error: function (data) {
                    if(data.status==422){
                        //console.log(data);
                        $.each(data.responseJSON.errors,function (key,val) {
                            showPopover(key,val);
                        });
                    }
                }
            });
        });

        var selectedRows = function () {
            var selected = [];
            $('.grid-row-checkbox:checked').each(function(){
                selected.push($(this).data('id'));
            });

            return selected;
        }

        function showPopover(id,message) {
            $('#'+id).popover({
                content:message,
                trigger:'manual',
                placement:'top',
                delay:{ show: 500, hide: 500 }
            });
            $('#'+id).popover('show');
            $('#'+id).on('shown.bs.popover', function () {
                setTimeout(function () {
                    $('#'+id).popover('hide');
                    $('#'+id).popover('destroy');
                },1500)
            })
        }
    });

</script>
@endif