ホームページ  >  記事  >  バックエンド開発  >  Yii2 でモーダル ポップアップ ウィンドウを使用する方法 (基本的な使用方法)、yii2 でモーダル ポップアップ ウィンドウを使用する_PHP チュートリアル

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

WBOY
WBOYオリジナル
2016-07-12 08:50:56968ブラウズ

Yii2でモーダルポップアップウィンドウを使う方法(基本的な使い方)、yii2はモーダルポップアップウィンドウを使用します

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

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

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

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

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

リーリー

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

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

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

コントロール要素 (ボタンやリンクなど) に属性 data-toggle="modal" を設定し、切り替える特定のモーダル ボックスを指定するには data-target="#identifier" または href="#identifier" を設定します。 (id="識別子" 付き)

上記で、yii2 でのモーダルの基本的な使用法を実装しました。

www.bkjia.com本当http://www.bkjia.com/PHPjc/1133046.html技術記事 Yii2 でモーダル ポップアップ ウィンドウを使用する方法 (基本的な使い方)、yii2 はモーダル ポップアップ ウィンドウを使用します。 平たく言えば、モーダル ウィンドウです。これはブートストラップ js プラグインであり、効果は非常に優れています。 ...
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。