发新话题
打印

CakePHP笔记之Ajax效果:drag

CakePHP笔记之Ajax效果:drag

作者:老王

CakePHP中实现drag拖拽功能真的是太简单了,这要归功于script.aculo.us的强大,闲言碎语不多说了,看代码:

假设在你的视图ctp文件里,你需要加入拖拽功能的组件的id为example,它可以是一个div,或者是一个简单的table等等,类似下面代码:
复制内容到剪贴板
代码:
<div id="example">...</div>
加入拖拽功能只需要一行代码:
复制内容到剪贴板
代码:
<?php
echo $ajax->drag('example');
?>
需要注意的是这段ajax助手的调用代码需要放在所拖拽组件(example)代码的下方,或者把代码放在window.onload事件中。

当然,我们还可以给拖拽效果加入很多控制代码,这些被放置在ajax助手中drag方法的第二个数组参数中,比如我们可以这样调用:
复制内容到剪贴板
代码:
<?php
echo $ajax->drag('example', array('revert' => true));
?>
在其中,我们使用了revert参数,当拖拽结束后,组件将回到它的初始位置,类似的控制参数还有很多,可以参考此链接

TOP

TOP

发新话题