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

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

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

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

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

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

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

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

リーリー リーリー

リーリー リーリー

リーリー リーリー

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

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

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

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

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

続きを読む

http://www.bkjia.com/PHPjc/1130980.htmlwww.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/1130980.html技術記事 yii2 でモーダル ポップアップ ウィンドウの基本的な使用方法、yii2 でモーダル ポップアップ ウィンドウを使用する方法 著者: Bailang 出典: http://www.manks.top/yii2_modal_baseuse.html この記事の著作権は著者に属します、転載は歓迎しますが、そうではありません...