Laravel如何重定向回bootstrap模式对话框窗口

时间:2014-12-24 15:54:08

标签: laravel bootstrap-dialog

我想返回我的模态对话框编辑表单以显示验证错误,但是使用Redirect::back我只是在没有模态窗口的HTML页面上结束。

我使用BootstrapDialogattendee.edit路由加载到弹出编辑表单的模式对话框中。

HTML

<td>{{link_to_route('attendee.edit','',array($attendee->id), array(
        'class'=>'edit-attendee btn btn-info btn-xs glyphicon glyphicon-pencil',
        'data-title' => 'Edit Attendee'))}} 
</td>

JQuery调用BootstrapDialog

$(document).ready(function(){
    $('.btn.edit-attendee').click(function(e){
        e.preventDefault();
        url = $(this).attr('href');
        BootstrapDialog.show({
            title: $(this).data('title'),
            message: $('<div></div>').load(url),
            buttons: [{
                label: 'Update',
                action: function(dialogRef) {
                    $('form').submit();
                }
            }]
        });
    });
});

控制器

public function update($id)
{
    $attendee = Attendee::findOrFail($id);

    $validator = Validator::make($data = Input::all(), Attendee::$rules);

    if ($validator->fails())
    {
        return Redirect::back()->withErrors($validator)->withInput();
    }

    $attendee->update($data);

    return Redirect::route('attendees.index');
}

在我编辑表单后,我想返回到模态窗口以显示验证错误,但我只是在没有对话框的HTML页面上结束。如何重定向回模态窗口?

更新

id添加到控制器返回

return Redirect::back()->withErrors($validator)->withInput()->with('id', $id);

添加了Jquery

  @if(!empty(Session::get('id')))

    $(document).ready(function(){
            url = "{{ URL('attendee') . '/' . Session::get('id'). '/edit' }}";
            BootstrapDialog.show({
                title: $(this).data('title'),
                message: $('<div></div>').load(url),
                buttons: [{
                    label: 'Update',
                    action: function(dialogRef) {
                        $('form').submit();
                    }
                }]
            });
    });

    @endif

如果出现错误,则重新打开模态窗口,否则返回。我不喜欢它如何关闭并重新打开模态,并且验证错误没有传递给模态,所以我不建议这样做。

4 个答案:

答案 0 :(得分:13)

我刚刚做了这样的事情。你只需要使用刀片的模板!

//pass back a variable when redirecting
return Redirect::back()->with('error_code', 5);

然后在您的刀片模板中:

@if(!empty(Session::get('error_code')) && Session::get('error_code') == 5)
<script>
$(function() {
    $('#myModal').modal('show');
});
</script>
@endif

这将创建一个脚本,只要error_code存在且等于5,就会打开对话框!

答案 1 :(得分:1)

如果在会话中发现错误,您的视图中需要一个条件才能打开对话框:

@if($errors->any())
  $('.btn.edit-attendee').click();
@endif

答案 2 :(得分:1)

这对我有用。

在我的模态中:

<div class="modal-content">
@if (count($errors) > 0)
    <div class="alert alert-danger">
        <strong>Error</strong><br><br>
        <ul>
            @foreach ($errors->all() as $error)
               <li>{{ $error }}</li>
            @endforeach
        </ul>
  </div>
@endif
<div class="modal-body">
.... rest of modal window code

在我看来:

<script type="text/javascript">
    @if (count($errors) > 0)
        $('#modal').modal('show');
    @endif
</script>

在我的控制器中,我只是正常重定向回视图。

答案 3 :(得分:0)

我唯一能想到的就是设置这样的东西:

`<input type="hidden" name="show" value="{{ Input::old('show') ? Input::old('show'):"" }}" />` 

当页面由get请求加载时,此值将设置为“”,因为Input::old('show')未设置(well设置为“”)。然后,当您发布表单时,将此输入的值更改为:

$("input[name=show"]").val("yes");

因此,如果/当页面重定向时,此隐藏输入的值将设置为“是”而不是“”。然后,在Javascript中处理它:

$(document).ready(function(){
  if($("input[name=show]").val() != "")){
    $('#modal_id').modal('show');
  }
});

希望有意义!