Welcome 微信登录

首页 / 网页编程 / PHP / PHP开发框架Yii Framework教程(42) Zii组件-Draggable示例

PHP开发框架Yii Framework教程(42) Zii组件-Draggable示例2013-02-03 csdn mapdigitCJuiDraggable可以使包含着其中的其它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组 件的大小。本例使用拖放一个图像。

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

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