CJuiDraggable可以使包含着其中的其它UI组件实现拖放功能,它封装了 JUI Draggable插件。
要使某个UI组件可以 拖放,下面为使用CJuiDraggable的基本用法:
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 '
';
$this->endWidget();
?>
所有包含在beginWidget和endWidget之间的内容都可以支持拖放,htmlOptions部分定义了需要支持拖放的UI组 件的大小。本例使用拖放一个图像。