モーダルもモーダルウィンドウであり、平たく言えばポップアップウィンドウです。これはブートストラップ js プラグインであり、効果は非常に優れています。
Web サイトの開発プロセスでモーダルを使用する必要がある理由を説明する必要はありません。JS ポップアップ ウィンドウを使用したことがないと言っても信じられません。優れたポップアップ ウィンドウは、人々に美しさを与えるだけでなく、開発効率を向上させ、さらに気分を良くします。
yii2 でモーダルを使用する方法を見てみましょう。
たとえば、以前にデータを追加したとき、通常はボタンをクリックして追加ページにジャンプし、保存後にリストページにジャンプしていました。
追加ボタンをクリックすると、現在のページのポップアップ ウィンドウにデータが追加されることを期待します。具体的な実装を参照してください。
リーリーこの時点で、[作成]ボタンをクリックすると、モーダルポップアップウィンドウが表示されます。スクリーンショットは次のとおりです。
一部の学生は、このページを非同期でロードする必要はないと言うかもしれません。実際、$this->renderAjax(); をページ上で直接エコーすることもできますが、この操作ではフォームによって送信されたアクションを忘れずに変更する必要があることに注意してください。
モーダルの使用に関して、次の 2 つの点に注意する必要があります:
コントロール要素 (ボタンやリンクなど) に属性 data-toggle="modal" を設定し、切り替える特定のモーダル ボックスを指定するには data-target="#identifier" または href="#identifier" を設定します。 (id="識別子" 付き)
上記で、yii2 でのモーダルの基本的な使用法を実装しました。