Maison  >  Article  >  php教程  >  Yii Framework 开发教程 Zii组件-Resizable示例

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

WBOY
WBOYoriginal
2016-06-13 10:53:541097parcourir

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直接就可以实现缩放功能。

 

 

 

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:php之分页类代码Article suivant:ColaPHP 2.0α发布