ホームページ > バックエンド開発 > PHPチュートリアル > PHP 開発フレームワーク Yii Framework チュートリアル (37) Zii コンポーネント - ダイアログの例

PHP 開発フレームワーク Yii Framework チュートリアル (37) Zii コンポーネント - ダイアログの例

黄舟
リリース: 2023-03-05 09:28:01
オリジナル
1534 人が閲覧しました

CJuiDialog は、モーダルまたは非モーダルのダイアログ ボックスを表示するために使用されます。 JUI Dialog プラグインをカプセル化します。

基本的な使い方は以下の通りです

$this->beginWidget('zii.widgets.jui.CJuiDialog', array(
'id'=>'mydialog',
'options'=>array(
'title'=>'Dialog',
'width'=>500,
'height'=>300,
'autoOpen'=>false,
),
));
echo 'dialog content here';
$this->endWidget('zii.widgets.jui.CJuiDialog');
?>
array('onclick'=>'$("#mydialog").dialog("open"); return false;')); ?>
$this->beginWidget('zii.widgets.jui.CJuiDialog', array(
'id'=>'mymodal',
'options'=>array(
'title'=>'Modal Dialog',
'width'=>400,
'height'=>200,
'autoOpen'=>false,
'resizable'=>false,
'modal'=>true,
'overlay'=>array(
'backgroundColor'=>'#000',
'opacity'=>'0.5'),
'buttons'=>array(
'OK'=>'js:function(){alert("OK");
}',
'Cancel'=>'js:function(){
$(this).dialog("close");}',
),
),
));
echo 'Modal dialog content here ';
$this->endWidget('zii.widgets.jui.CJuiDialog');?>
array('onclick'=>'$("#mymodal").dialog("open"); 
return false;')); 
?>
ログイン後にコピー

ダイアログボックスの定義にはCJuiDialogを使用し、'modal' =>true/falseを設定することでモードと非モードを設定します。この例では、ダイアログ ボックスを表示するための UI コンポーネント。

PHP 開発フレームワーク Yii Framework チュートリアル (37) Zii コンポーネント - ダイアログの例

上記は、PHP 開発フレームワーク Yii Framework チュートリアル (37) Zii コンポーネント - ダイアログの例の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート