Yii Framework 开发教程 Zii组件-Resizable示例

WBOY
リリース: 2016-06-13 10:53:54
オリジナル
1133 人が閲覧しました

CJuiResizable可以使包含在其中的UI组件支持缩放功能,它封装了 JUI Resizable插件,

 

CJuiResizable基本使用方法如下:

 

 

[php]  

beginWidget('zii.widgets.jui.CJuiResizable', array(  

    'options'=>array(  

                'minWidth'=>50,  

                'minHeight'=>50,  

                'maxWidth'=>500,  

                'maxHeight'=>500,  

                ),  

            'htmlOptions'=>array(  

                'style'=>'width: 150px; height: 150px;  

                 padding: 0.5em; border: 1px solid #e3e3e3; background: #f7f7f7'  

                ),  

            ));  

echo 'Your resizable content here';  

  

$this->endWidget();  

?>  

 

beginWidget('zii.widgets.jui.CJuiResizable', array(

'options'=>array(

'minWidth'=>50,

'minHeight'=>50,

'maxWidth'=>500,

'maxHeight'=>500,

),

'htmlOptions'=>array(

'style'=>'width: 150px; height: 150px;

padding: 0.5em; border: 1px solid #e3e3e3; background: #f7f7f7'

),

));

echo 'Your resizable content here';

 

$this->endWidget();

?>

 

 

把需要支持缩放功能的内容定义在CJuiResizable的beginWidget和endWidget直接就可以实现缩放功能。

 

 

 

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