Yii Framework Development Tutorial Zii Component-Resizable Example_PHP Tutorial

CJuiResizable enables the UI components contained in it to support zoom functions. It encapsulates the JUI Resizable plug-in.

The basic usage of CJuiResizable is as follows:

[php]

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

'options'=>array(

'minWidth'=>50,

'minHeight'=>50,

'maxWidth'=>500,

'maxHeight'=>500,

        ),  

'htmlOptions'=>array(

                                                                                                                                                                                                                                                                                                 

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();

?>

Defining the content that needs to support the zoom function in beginWidget and endWidget of CJuiResizable can directly implement the zoom function.

http://www.bkjia.com/PHPjc/477822.htmlwww.bkjia.comtruehttp: //www.bkjia.com/PHPjc/477822.htmlTechArticleCJuiResizable can enable the UI components contained in it to support scaling functions. It encapsulates the JUI Resizable plug-in. Basic usage of CJuiResizable As follows: [php] ?php $this-beginWidget(zii.wi...