Yii Framework 开发教程(42) Zii组件-Draggable示例

CJuiDraggable可以使包含着其中的其它UI组件实现拖放功能,它封装了 JUI Draggable插件。

要使某个UI组件可以拖放,下面为使用CJuiDraggable的基本用法:

<?php $this->beginWidget('zii.widgets.jui.CJuiDraggable', array(
	'options'=>array(
				'cursor'=>'move',
				),
				'htmlOptions'=>array(
					'style'=>'width: 200px; height: 200px;
					 padding: 5px; border: none solid #e3e3e3;
					 background: #0'
					),
			));
//anything between beginwidget and endwidget is draggable.
echo '<img id="image" width="200" src="images/7303.png">';

$this->endWidget();
?>

所有包含在beginWidget和endWidget之间的内容都可以支持拖放,htmlOptions部分定义了需要支持拖放的UI组件的大小。本例使用拖放一个图像。

Yii Framework 开发教程(42) Zii组件-Draggable示例_第1张图片

 

本例下载


你可能感兴趣的:(Yii Framework 开发教程(42) Zii组件-Draggable示例)