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



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

CJuiResizable基本使用方法如下：

[php] view plaincopyprint?

1. <?php $this->beginWidget('zii.widgets.jui.CJuiResizable', array(  
2.     'options'=>array(  
3.                 'minWidth'=>50,  
4.                 'minHeight'=>50,  
5.                 'maxWidth'=>500,  
6.                 'maxHeight'=>500,  
7.                 ),  
8.             'htmlOptions'=>array(  
9.                 'style'=>'width: 150px; height: 150px;  
10.                  padding: 0.5em; border: 1px solid #e3e3e3; background: #f7f7f7'  
11.                 ),  
12.             ));  
13. echo 'Your resizable content here';  
14.   
15. $this->endWidget();  
16. ?>  

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

本例下载