Yii框架彈出窗口組件CJuiDialog用法分析

更新時間：2017年01月07日 10:46:25 作者：pyooer

這篇文章主要介紹了Yii框架彈出窗口組件CJuiDialog用法,結(jié)合實例形式較為詳細的分析了Yii框架組件CJuiDialog的功能、使用方法與具體參數(shù)功能,需要的朋友可以參考下

本文實例講述了Yii框架彈出窗口組件CJuiDialog用法。分享給大家供大家參考，具體如下：

CJuiDialog組件在手冊zii.widgets.jui下

在視圖下使用以下代碼

$this->beginWidget('zii.widgets.jui.CJuiDialog', array(
 'id'=>'mydialog',//彈窗ID
 // additional javascript options for the dialog plugin
 'options'=>array(//傳遞給JUI插件的參數(shù)
  'title'=>'彈窗標題',
  'autoOpen'=>false,//是否自動打開
  'width'=>'auto',//寬度
  'height'=>'auto',//高度
  'buttons'=>array(
  '關(guān)閉'=>'js:function(){ $(this).dialog("close");}', ),
  ),
));
echo 'dialog content here';
$this->endWidget('zii.widgets.jui.CJuiDialog');
// 這是彈窗鏈接,
echo CHtml::link('open dialog', '#', array(
 'onclick'=>'$("#mydialog").dialog("open"); return false;',//點擊打開彈窗
));

屬性	類型	描述	定義在
actionPrefix	string	actions的ID的前綴。當微件在CController::actions中聲明了動作提供者，可以為其動作的ID指定前綴以區(qū)別于別的微件或控制器。當微件用于控制器的視圖中時，必須配置同樣的前綴。	CWidget
controller	CController	返回此微件所屬的控制器。	CWidget
cssFile	mixed	主題的CSS文件名。默認是‘jquery-ui.	CJuiWidget
htmlOptions	array	JUI組件中HTML標簽的屬性設置。	CJuiWidget
id	string	返回此微件的ID。如果需要的話，將生產(chǎn)一個新的ID并將其返回。	CWidget
options	array	the 初始的JavaScript需要傳遞給JUI插件的選項。	CJuiWidget
owner	CBaseController	返回此微件的所有者或創(chuàng)建者。	CWidget
scriptFile	mixed	主要JUI的JavaScript的文件名。默認是‘jquery-ui.	CJuiWidget
scriptUrl	string	包含所有JUI JavaScript文件的根目錄。如果沒有設置這個屬性（默認），Yii will publish the JUI package included in the zii release and usethat to infer the root script URL.	CJuiWidget
skin	mixed	微件使用的皮膚的名稱。默認為“default”。如果此屬性設置為false，微件將不會有皮膚被使用。	CWidget
theme	string	JUI主題的名字。默認是‘base'。確保在themeUrl下有這樣一個目錄，其名稱是這個屬性的值相同（區(qū)分大小寫）。	CJuiWidget
themeUrl	string	包含所有JUI的主題文件夾的根目錄。如果沒有設置這個屬性（默認）， Yii will publish the JUI package included in the zii release and usethat to infer the root theme URL.	CJuiWidget
viewPath	string	返回包含此微件所需的視圖文件的路徑。