PHP开发框架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示例-yii2 user组件">

查看全套教程：http://www.bianceng.cn/webkf/PHP/201301/35265.htm

本例下载：http://www.imobilebbs.com/download/yii/JuiDraggableDemo.zip

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索http
， 组件
， 教程
， 开发框架
， 支持
， draggable
-Draggable
yii2 user组件、yii2 组件、yii2扩展组件、yii2 自定义组件、yii 组件，以便于您获取更多的相关知识。