总结发布jQuery EasyUI 中文API—Draggable

 

前台开发，很多人喜欢用JQuery，但是在做后台管理系统，特别是企业管理系统，例如WEB进销存系统等，很多人都会选择ExtJS，因为ExtJS提供了非常多的UI界面，并且非常友好。现在JQuery也有一个很好的UI插件——jQuery EasyUI，迄今为止也没有找到合适的中文API文档，自己就总结了一些跟大家一起分享。

 

Draggable 使用说明

HTML代码

<div id="dd" style="width:100px;height:100px;border:1px solid #ccc;">
    <div id="title" style="background:#ccc;">title</div>
</div>

JQuery代码

$('#dd').draggable(options);

貌似也没有特别的，跟jquery 官方的ui一样……

 

事件说明

名字	参数	描述
onStartDrag	e	对象开始拖动触发
onDrag	e	对象拖动期间触发.
onStopDrag	e	对象拖动停止触发

 

特性说明

名字	类型	描述	默认值
handle	selector	拖动目标	null
disabled	boolean	对象不否能被拖动，false代表可以被拖动	false
edge	number	拖动时候的助力，值越大，拖动越慢【自己可以感受下】	0
axis	string	定义了轴上的移动,可以拖元素的值是“v”或“h”,当设置为null会搬到“v”和“h”的方向发展。	null

 

查看演示【由于时间有限，demo就做些基本的，各种参数没有全做到】  官方文档