快捷導(dǎo)航

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

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

這篇文章主要介紹了Yii框架彈出窗口組件CJuiDialog用法,結(jié)合實例形式較為詳細(xì)的分析了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'=>'彈窗標(biāo)題',
  '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的前綴。當(dāng)微件在CController::actions中聲明了動作提供者，可以為其動作的ID指定前綴以區(qū)別于別的微件或控制器。當(dāng)微件用于控制器的視圖中時，必須配置同樣的前綴。	CWidget
controller	CController	返回此微件所屬的控制器。	CWidget
cssFile	mixed	主題的CSS文件名。默認(rèn)是‘jquery-ui.	CJuiWidget
htmlOptions	array	JUI組件中HTML標(biāo)簽的屬性設(shè)置。	CJuiWidget
id	string	返回此微件的ID。如果需要的話，將生產(chǎn)一個新的ID并將其返回。	CWidget
options	array	the 初始的JavaScript需要傳遞給JUI插件的選項。	CJuiWidget
owner	CBaseController	返回此微件的所有者或創(chuàng)建者。	CWidget
scriptFile	mixed	主要JUI的JavaScript的文件名。默認(rèn)是‘jquery-ui.	CJuiWidget
scriptUrl	string	包含所有JUI JavaScript文件的根目錄。如果沒有設(shè)置這個屬性（默認(rèn)），Yii will publish the JUI package included in the zii release and usethat to infer the root script URL.	CJuiWidget
skin	mixed	微件使用的皮膚的名稱。默認(rèn)為“default”。如果此屬性設(shè)置為false，微件將不會有皮膚被使用。	CWidget
theme	string	JUI主題的名字。默認(rèn)是‘base'。確保在themeUrl下有這樣一個目錄，其名稱是這個屬性的值相同（區(qū)分大小寫）。	CJuiWidget
themeUrl	string	包含所有JUI的主題文件夾的根目錄。如果沒有設(shè)置這個屬性（默認(rèn)）， Yii will publish the JUI package included in the zii release and usethat to infer the root theme URL.	CJuiWidget
viewPath	string	返回包含此微件所需的視圖文件的路徑。