yii2 でモーダルポップアップウィンドウを使用する方法の基本的な使用方法、yii2 でモーダルポップアップウィンドウを使用する

yii2 でモーダルポップアップウィンドウを使用する方法の基本的な使用方法、yii2 でモーダルポップアップウィンドウを使用する_PHP チュートリアル

WBOY

リリース： 2016-07-12 08:51:18

オリジナル

855 人が閲覧しました

yii2 でのモーダルポップアップの基本的な使用法、yii2 でのモーダルポップアップの使用

著者: Bailang 出典: http://www.manks.top/yii2_modal_baseuse.html この記事の著作権は著者に属します。転載は歓迎しますが、禁止します。著者の同意がある場合は、この声明を保持し、記事ページのわかりやすい位置に原文へのリンクを提供する必要があります。そうでない場合は、法的責任を追及する権利が留保されます。

Modal はモーダルウィンドウでもあり、平たく言えばポップアップウィンドウです。これはブートストラップ js プラグインであり、効果は非常に優れています。

Web サイトの開発プロセスでモーダルを使用する必要がある理由を説明する必要はありません。JS ポップアップウィンドウを使用したことがないと言われても、私はそれを信じません。優れたポップアップウィンドウは、人々に美しさを与えるだけでなく、開発効率を向上させ、さらに気分を良くします。

yii2 でモーダルを使用する方法を見てみましょう。

たとえば、以前にデータを追加したとき、通常はボタンをクリックして追加ページにジャンプし、保存後にリストページにジャンプしていました。

追加ボタンをクリックすると、現在のページのポップアップウィンドウにデータが追加されることを期待します。具体的な実装を参照してください。

リーリーリーリー

この時点で、[作成]ボタンをクリックすると、モーダルポップアップウィンドウが表示されます。

一部の学生は、このページを非同期でロードする必要はないと言うかもしれません。実際、$this->renderAjax(); をページ上で直接エコーすることもできますが、この操作ではフォームによって送信されたアクションを忘れずに変更する必要があることに注意してください。

モーダルの使用に関して、次の 2 つの点に注意する必要があります:

上記で、yii2 でのモーダルの基本的な使用法を実装しました。 yii2 でのモーダル構造の GridView の使用についても説明しました。ぜひご覧ください。

[現在、ほとんどの国内ウェブサイトが非常に頻繁に記事を収集しており、原文の出典を示していないものさえあることを考慮すると、原作者は読者が問題を防ぐために原文を確認し、誤解を招くことを避けるためにすべての記事を更新しないことを望んでいます! 】