這篇文章主要介紹了Yii框架彈出視窗元件CJuiDialog用法,結合實例形式較為詳細的分析了Yii框架元件CJuiDialog的功能、使用方法與具體參數功能,需要的朋友可以參考下
本文實例講述了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插件的参数 'title'=>'弹窗标题', 'autoOpen'=>false,//是否自动打开 'width'=>'auto',//宽度 'height'=>'auto',//高度 'buttons'=>array( '关闭'=>'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;',//点击打开弹窗 ));
屬性 | 類型 | 描述 | 定義在 |
---|---|---|---|
string | actions的ID的前綴。當微件在CController::actions中聲明了動作提供者,可以為其動作的ID指定前綴以區別於別的微件或控制器。當微件用於控制器的視圖時,必須配置同樣的前綴。 | CWidget | |
CController | 傳回此微件所屬的控制器。 | CWidget | |
cssFile | mixed | 主題的CSS檔案名稱。預設是‘jquery-ui. | CJuiWidget |
#htmlOptions | array | JUI元件中HTML標籤的屬性設定。 | CJuiWidget |
id | #string | 傳回此微件的ID。如果需要的話,將生產一個新的ID並將其傳回。 | CWidget |
options | array | the 初始的JavaScript需要傳遞給JUI插件的選項。 | CJuiWidget |
owner | #CBaseController | #傳回此微件的擁有者或建立者。 | 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下有這樣一個目錄,其名稱是這個屬性的值相同(區分大小寫)。 | CJuiWidget |
themeUrl | #string | 包含所有JUI的主題資料夾的根目錄。如果沒有設定這個屬性(預設), Yii will publish the JUI package included in the zii release and usethat to infer the root theme URL. | ##CJuiWidget|
#string | 傳回包含此微件所需的檢視檔案的路徑。 |
以上是關於Yii框架彈出視窗元件CJuiDialog的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!