PHP開發框架Yii Framework教程(35) Zii元件-Button範例

黄舟
發布: 2023-03-05 09:24:02
原創
1373 人瀏覽過

CJuiButton 顯示按鈕,CJuiButton 既可以做為Submit(提交)按鈕,也可以做為普通按鈕。

按鈕基本用法如下:

widget('zii.widgets.jui.CJuiButton', array(
'buttonType'=>'submit',
'name'=>'btnSubmit',
'value'=>'1',
'caption'=>'Submit',
'htmlOptions'=>array('class'=>'ui-button-primary')
)); ?>
widget('zii.widgets.jui.CJuiButton', array(
'buttonType'=>'button',
'name'=>'btnClick',
'caption'=>'Click',
//'options'=>array('icons'=>'js:{primary:"ui-icon-newwin"}'),
'onclick'=>'js:function(){alert("clicked"); this.blur(); return false;}',
)); ?>
widget('zii.widgets.jui.CJuiButton', array(
'buttonType'=>'link',
'name'=>'btnGo',
'caption'=>'Go',
//'options'=>array('icons'=>'js:{secondary:"ui-icon-extlink"}'),
'url'=>array('site/other'),
)); ?>
登入後複製

這三個按鈕,第一個做為Submit按鈕,第二個作為普通按鈕,觸發JavaScripts事件,第三個點擊後觸發otherAction 方法。

顯示結果如下:

PHP開發框架Yii Framework教程(35) Zii元件-Button範例

可以為Jui UI元件新增CSS文件,這可以透過設定檔來設定CSS檔案:

'components'=>array(
'clientScript' => array(
'scriptMap' => array(
'jquery-ui.css'=> dirname($_SERVER['SCRIPT_NAME'])
.'/css/jui/custom/jquery-ui.css',
),
),
),
登入後複製

這裡我們複製YiiPlayground使用的JQuery CSS文件,使用新CSS風格後顯示如下:

PHP開發框架Yii Framework教程(35) Zii元件-Button範例

以上就是PHP開發框架Yii Framework教程(35) Zii組件-Button範例的內容,更多相關內容請關注PHP中文網(www.php.cn)!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!