1

ですから、私は特にLaravelでアプリケーションを開発していますが、この質問は、ブートストラップとモーダルページの使用に関するものであるため、どのWebアプリケーションにも少し一般的だと思います。

パッケージ化されたブートストラップモーダルを使用して、他の人がどのようにCRUD機能を作成したかを知りたいと思います。

モーダルは、すべてのタイプのフォームに自然に適合しているようです。問題は本当にセットアップにあります。アプリケーションの連絡先CRUDを作成しようとしていました。

たとえば、アカウントに複数の連絡先がある場合があるため、[アカウント]ページを表示しているときに、モーダルを介して表示される同じフォームを使用して連絡先を作成または更新できるようにします。

ブートストラップパッケージのみを使用して、モーダルの本体にリモートデータをロードできますが、1回だけです。したがって、編集のために連絡先1を開き、モーダルを閉じて、連絡先2を開こうとします。これは、2回目のリモートロードを行わないため、連絡先1に関する情報のみを取得します。

これは、この投稿の優れた情報で簡単に解決できます 。Twitterブートストラップモーダルは間違ったリモートデータをロードします

このソリューションはうまく機能しますが、フレームワークを壊しているようで、意図していないものにモーダルを使用しているように感じます。おそらく、ブートストラップモーダルはCRUDに適したUI要素ではありません。では、他の人はこれにどのようにアプローチしますか？

4

2 に答える 2

2

私はこれをしました。そのための方法は、jQuery AJAX呼び出しを使用して、LaravelアプリケーションでAjaxリクエストをテストすることです。

LaravelでのAjaxの操作に関する優れたチュートリアルは次のとおりです：http： //codehappy.daylerees.com/ajax-content

フォームを検証するには、Parsley.jsをお勧めします。Bootstrapでうまく機能します：http： //parsleyjs.org/

また、Bootstrap ajax呼び出し用に特別に作成された優れたプラグインがあります。これを統合する方法については、こちらのフォーラム投稿をご覧ください： http://forums.laravel.io/viewtopic.php? pid=27900

于 2013-02-14T16:30:22.997 に答える
1

私の会社は、Bootstrapモーダルを使用して、かなり複雑なフォームデータの相互作用を行い、成功を収めました。よりシームレスなユーザーエクスペリエンスを実現するために、モーダルと一緒にajaxなどを使用できない理由はわかりません。結局のところ、モーダルはフローティングページレイヤーのdivにすぎません。

于 2013-02-14T16:30:08.773 に答える