Question

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

CJuiResizable 基本使用方法如下：

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

图片 44.1 picture44.1