PHP-Entwicklungsframework Yii Framework-Tutorial (35) Zii-Komponenten-Button-Beispiel

CJuiButton zeigt eine Schaltfläche an. CJuiButton kann als Senden-Schaltfläche oder als normale Schaltfläche verwendet werden. Die grundlegende Verwendung der Schaltfläche

ist wie folgt:

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'),
)); ?>

Von diesen drei Schaltflächen wird die erste als Senden-Schaltfläche und die zweite als normale Schaltfläche verwendet, die JavaScripts auslöst Ereignisse, und die dritte wird ausgelöst, wenn auf die otherAction-Methode geklickt wird.

Das Anzeigeergebnis ist wie folgt:

Sie können CSS-Dateien für Jui UI-Komponenten hinzufügen, die über die Konfigurationsdatei festgelegt werden können:

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

Hier kopieren wir die von YiiPlayground verwendete JQuery-CSS-Datei. Nach Verwendung des neuen CSS-Stils wird sie wie folgt angezeigt:

Das Obige ist das PHP Entwicklungsframework Yii Framework-Tutorial (35) Zii-Komponente – Der Inhalt des Button-Beispiels. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!