PHP development framework Yii Framework tutorial (35) Zii component-Button example-PHP Tutorial-php.cn

PHP development framework Yii Framework tutorial (35) Zii component-Button example

黄舟

Release： 2023-03-05 09:24:02

Original

1390 people have browsed it

CJuiButton displays a button. CJuiButton can be used as a Submit button or an ordinary button.

The basic usage of buttons is as follows:

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

Copy after login

Of these three buttons, the first is used as a Submit button, the second is used as a normal button, triggering JavaScripts events, and the third triggers the otherAction method after being clicked. .

The display result is as follows:

PHP development framework Yii Framework tutorial (35) Zii component-Button example

##You can add CSS files for Jui UI components, which can be set through the configuration file:

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

Copy after login

Here we copy the JQuery CSS file used by YiiPlayground. After using the new CSS style, it is displayed as follows:

PHP development framework Yii Framework tutorial (35) Zii component-Button example

The above is the PHP development framework Yii Framework tutorial (35) Zii component-Button example For more related content, please pay attention to the PHP Chinese website (m.sbmmt.com)!