ホームページ > バックエンド開発 > PHPチュートリアル > PHP 開発フレームワーク Yii Framework チュートリアル (35) Zii コンポーネント - ボタンの例

PHP 開発フレームワーク Yii Framework チュートリアル (35) Zii コンポーネント - ボタンの例

黄舟
リリース: 2023-03-05 09:24:02
オリジナル
1388 人が閲覧しました

CJuiButton は、送信ボタンまたは通常のボタンとして使用できるボタンを表示します。

ボタンの基本的な使用法は次のとおりです:

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'),
)); ?>
ログイン後にコピー

これら 3 つのボタンのうち、1 つ目は送信ボタンとして使用され、2 つ目は通常のボタンとして使用され、JavaScript イベントをトリガーし、3 つ目は実行後に otherAction メソッドをトリガーします。クリックしました。

表示結果は次のとおりです:

PHP 開発フレームワーク Yii Framework チュートリアル (35) Zii コンポーネント - ボタンの例

Jui UIコンポーネントの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 コンポーネント - ボタンの例

上記は、PHP 開発フレームワーク Yii Framework チュートリアル (35) Zii コンポーネント - ボタンの例の内容です。さらに関連する内容については、PHP 中国語 Web サイトを参照してください。 (m.sbmmt.com)!

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート