PHP 개발 프레임워크 Yii 프레임워크 튜토리얼(37) Zii 구성 요소-대화 상자 예

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;')); 
?>

모드와 비모드는 'modal' =>true/false로 설정하여 대화 상자를 표시하는 데 사용됩니다. 상자에서는 여전히 기타 UI 구성 요소를 전달해야 합니다. 이 예에서는 링크를 사용하여 대화 상자를 표시합니다.

위 내용은 PHP 개발 프레임워크 Yii Framework 튜토리얼 내용입니다. (37) Zii 컴포넌트-Dialog 예제 관련 내용은 PHP 중국어 홈페이지를 참고해주세요. (www.php.cn) !