PHP开发框架Yii Framework教程（35） Zii组件-Button示例

PHP开发框架Yii Framework教程（35） Zii组件-Button示例2013-02-03 csdn mapdigitCJuiButton 显示按钮，CJuiButton 既可以做为Submit（提交）按钮，也可以做为普通按钮。

按钮基本用法如下：

<？php $this->widget（"zii.widgets.jui.CJuiButton", array（"buttonType"=>"submit","name"=>"btnSubmit","value"=>"1","caption"=>"Submit","htmlOptions"=>array（"class"=>"ui-button-primary"）））; ？> <？php $this->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;}",））; ？> <？php $this->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 方法。

显示结果如下：

可以为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风格后显示如下：

查看全套教程：http://www.bianceng.cn/webkf/PHP/201301/35265.htm

本例下载：http://www.imobilebbs.com/download/yii/JuiButtonDemo.zip