ブーストラップモーダルダイアログウィンドウにリダイレクトする方法をLaravel

フィル

モーダルダイアログ編集フォームに戻って検証エラーを表示したいのですが、使用Redirect::backするとモーダルウィンドウのないHTMLページが表示されます。

BootstrapDialogを使用attendee.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>

BootstrapDialogへのJQuery呼び出し

$(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

これにより、エラーが発生した場合はモーダルウィンドウが再び開きますが、そうでない場合は元に戻ります。モーダルを閉じて再度開く方法が気に入らず、検証エラーがモーダルに渡されないため、この方法はお勧めしません。

ザックカウフマン

私はちょうどこのようなことをしました。ブレードのテンプレートを使用するだけです!

//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に等しい場合は常にダイアログが開きます。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Selenium/Java/EdgeDriver: モーダル ウィンドウのダイアログ ボックスがテスト スクリプトの実行を停止する

分類Dev

バックグラウンドアップデートダウンローダーにインストーラー変数を提供する方法は?

分類Dev

トップレベルウィンドウ、子ウィンドウ、ダイアログ(モーダル)ウィンドウ、および非ダイアログ(モードレス)ウィンドウの違いは何ですか?

分類Dev

ファイルのダウンロード後にブートストラップモーダルポップアップを閉じる方法

分類Dev

プログレッシブウェブアプリ(PWA)リダイレクトページをスタンドアロンモードに

分類Dev

トグルアイコンをクリックすると、ブートストラップドロップダウンメニューが消えます

分類Dev

ストアからダウンロードしながらハイブリッドモバイルアプリに紹介コードを実装する方法

分類Dev

Twitterブートストラップモーダル:スライドダウン効果を削除する方法

分類Dev

Laravelでページを更新せずにモーダルウィンドウからドロップダウンリストに値を追加する方法???

分類Dev

Azureモバイルアプリサービスプロジェクトをダウンロードする方法

分類Dev

非モーダルブートストラップダイアログボックスを作成する方法

分類Dev

Jetty ホームのアップグレード後に Jetty にモジュールの外部ライブラリを再ダウンロードさせる方法

分類Dev

サーブレットでドロップダウンリストアイテムの値を送信する方法

分類Dev

data-toggle = "dropdown"は、ヨーマンのドロップダウンではなく、ルートリダイレクトをアクティブにします

分類Dev

ブートストラップモーダルウィンドウを完全に破壊する方法は?

分類Dev

ブートストラップモーダルウィンドウをvuejsで再利用可能にする方法

分類Dev

カウントダウンタイマーにモーダルウィンドウのブートストラップを表示させる

分類Dev

ブートストラップドロップダウンと他のドロップダウンをグリッドレイアウトに揃える方法は?

分類Dev

クライアントオブジェクトモデルを使用してSharepointからドロップダウンリストにデータバインド

分類Dev

ドロップダウンリスト付きのモーダルダイアログは、却下後すぐにフェードアウトしません

分類Dev

Ionライブラリを使用して画像をダウンロードしてアプリディレクトリに保存する方法

分類Dev

django Restフレームワークシリアライザーのドロップダウンアイテムをフィルタリングする方法は?

分類Dev

ネイティブスクリプトでモーダルビューを表示するときにウィンドウの背景を黒にする方法

分類Dev

VB.NETのテキストボックスにファイルブラウザダイアログのパスディレクトリを表示する方法

分類Dev

選択(ドロップダウン)値に基づいてブートストラップモーダルウィンドウを表示する

分類Dev

セレンウェブドライバーとJavaを介してドロップダウンリストからアイテムを選択する方法

分類Dev

同じウィンドウに2つのフラッタープロジェクトとコアライブラリ(パッケージダートプラグイン)を追加する方法

分類Dev

オンラインファイル/フォルダリストに表示されるすべてのファイルとサブディレクトリを含むHTTPディレクトリをダウンロードする方法

分類Dev

ブラウザウィンドウをアクティブにせずにキーダウンイベントをリッスンする

Related 関連記事

  1. 1

    Selenium/Java/EdgeDriver: モーダル ウィンドウのダイアログ ボックスがテスト スクリプトの実行を停止する

  2. 2

    バックグラウンドアップデートダウンローダーにインストーラー変数を提供する方法は?

  3. 3

    トップレベルウィンドウ、子ウィンドウ、ダイアログ(モーダル)ウィンドウ、および非ダイアログ(モードレス)ウィンドウの違いは何ですか?

  4. 4

    ファイルのダウンロード後にブートストラップモーダルポップアップを閉じる方法

  5. 5

    プログレッシブウェブアプリ(PWA)リダイレクトページをスタンドアロンモードに

  6. 6

    トグルアイコンをクリックすると、ブートストラップドロップダウンメニューが消えます

  7. 7

    ストアからダウンロードしながらハイブリッドモバイルアプリに紹介コードを実装する方法

  8. 8

    Twitterブートストラップモーダル:スライドダウン効果を削除する方法

  9. 9

    Laravelでページを更新せずにモーダルウィンドウからドロップダウンリストに値を追加する方法???

  10. 10

    Azureモバイルアプリサービスプロジェクトをダウンロードする方法

  11. 11

    非モーダルブートストラップダイアログボックスを作成する方法

  12. 12

    Jetty ホームのアップグレード後に Jetty にモジュールの外部ライブラリを再ダウンロードさせる方法

  13. 13

    サーブレットでドロップダウンリストアイテムの値を送信する方法

  14. 14

    data-toggle = "dropdown"は、ヨーマンのドロップダウンではなく、ルートリダイレクトをアクティブにします

  15. 15

    ブートストラップモーダルウィンドウを完全に破壊する方法は?

  16. 16

    ブートストラップモーダルウィンドウをvuejsで再利用可能にする方法

  17. 17

    カウントダウンタイマーにモーダルウィンドウのブートストラップを表示させる

  18. 18

    ブートストラップドロップダウンと他のドロップダウンをグリッドレイアウトに揃える方法は?

  19. 19

    クライアントオブジェクトモデルを使用してSharepointからドロップダウンリストにデータバインド

  20. 20

    ドロップダウンリスト付きのモーダルダイアログは、却下後すぐにフェードアウトしません

  21. 21

    Ionライブラリを使用して画像をダウンロードしてアプリディレクトリに保存する方法

  22. 22

    django Restフレームワークシリアライザーのドロップダウンアイテムをフィルタリングする方法は?

  23. 23

    ネイティブスクリプトでモーダルビューを表示するときにウィンドウの背景を黒にする方法

  24. 24

    VB.NETのテキストボックスにファイルブラウザダイアログのパスディレクトリを表示する方法

  25. 25

    選択(ドロップダウン)値に基づいてブートストラップモーダルウィンドウを表示する

  26. 26

    セレンウェブドライバーとJavaを介してドロップダウンリストからアイテムを選択する方法

  27. 27

    同じウィンドウに2つのフラッタープロジェクトとコアライブラリ(パッケージダートプラグイン)を追加する方法

  28. 28

    オンラインファイル/フォルダリストに表示されるすべてのファイルとサブディレクトリを含むHTTPディレクトリをダウンロードする方法

  29. 29

    ブラウザウィンドウをアクティブにせずにキーダウンイベントをリッスンする

ホットタグ

アーカイブ