溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
怎么在Yii框架中使用CJuiDialog彈出窗口組件？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。
在視圖下使用以下代碼
$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;',//點擊打開彈窗
));| 屬性 | 類型 | 描述 | 定義在 |
|---|---|---|---|
| actionPrefix | string | actions的ID的前綴。當微件在CController::actions中聲明了動作提供者，可以為其動作的ID指定前綴以區別于別的微件或控制器。當微件用于控制器的視圖中時，必須配置同樣的前綴。 | CWidget |
| controller | 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 |
| viewPath | string | 返回包含此微件所需的視圖文件的路徑。 |
看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
