callback 有效的模块参数类型如下: 单一的模块名称 一个存储有模块名称的数组 一个以'.css'结尾的样式文件 一个以'.js'结尾的js文件 1.3 一般拖动 可拖动
使用$.fn.draggable.defaults重载默认值。 使用方法
1. 2. title 3. 1. $('#dd').draggable({ 2. handle:'#title' 3. }); 属性
名称
类型
描述
拖动时的替代元素,当被设置为'clone'时,将使用该元素的一个复制元素来作为替代元素。如果指定了一个函数, 它将返回一个jquery对象。
如果设置为true, 当拖动停止时元素将返回它的初始位置。
默认值
proxy(替代)
string,function null
revert(复原) cursor(指针)
boolean(布尔型)
false move null null null
string(字符串) 拖动时的CSS指针。
deltaX(水平被拖动元素对应于当前指针的水平number(数字)
增量,X轴) 位置。 deltaY(垂直增量,y轴) handle(句
number(数字) selector(选择
被拖动元素对应于当前指针的垂直
位置。
开始拖动的句柄。
柄) disabled(停止拖动) 器) boolean(布尔型) 当设置为true时停止拖动。 false 0 null edge(边缘) number(数字) 可以在其中拖动的容器的宽度 axis(拖动轴) 事件
名称 onBeforeDrag onStartDrag onDrag onStopDrag 方法 名称 options proxy enable disable 1.4 拖动至容器 拖动至容器
使用$.fn.droppable.defaults重载默认值。 使用方法
参数 none none none none 返回属性对象。 描述 参数 e e e e 描述 在拖动之前触发,返回false将取消拖动。 当目标对象开始被拖动时触发。 可用值为'v'或者'h',当设置为空时,string(字符串) 元素可以同时在水平和垂直方法拖动。 在拖动过程中触发,当不能再拖动时返回false。 当拖动停止时触发。 如果替代元素被设置,返回将被用于拖动的替代元素。 允许拖动。 禁止拖动。 1. 1. $('#dd').droppable({ 2. accept:'#d1,#d3' 3. }); 属性
名称 accept 事件
名称 类型 selector 描述 决定哪个可拖动元素将会被接收。 默认值 null 参数 e,source e,source e,source e,source 描述 当可拖动元素被拖入目标容器的时候触发,参数source是被拖动的DOM元素。 当可拖动元素被拖至某个元素之上的时候触发,参数source是被拖动的DOM元素。 当可拖动元素被拖离目标容器的时候触发,参数source是被拖动的DOM元素。 当可拖动元素被拖入目标容器并放置的时候触发,参数source是被拖动的DOM元素。 onDragEnter onDragOver onDragLeave onDrop 1.5 缩放 缩放
使用$.fn.resizable.defaults重载默认值。 使用方法
1. 1. $('#rr').resizable({ 2. maxWidth:800, 3. maxHeight:600 4. }); 属性
名称 disabled(禁止缩放)
类型 boolean(布尔型)
描述
如果设置为true将禁止缩放。
默认值 false
string(字符
handles(句柄)
串) minWidth(最小宽度)
number(数字)
说明缩放的方向,'n'表示向n, e, s, w, ne, 上(北),'e'表示向右(东)se, sw, nw, 等。 all 缩放时所允许的最小宽度。
10
minHeight(最小高度) maxWidth(最大宽度) maxHeight edge(边界) 事件
名称 onStartResize onResize onStopResize 1.6 分页 分页
number(数字) number(数字) number(数字) number(数字) 缩放时所允许的最小高度。 缩放时所允许的最大宽度。 缩放时所允许的最大高度。 将被缩放的边框的边界。 10 10000 10000 5 参数 e e e 当开始缩放时触发。 描述 在缩放过程中触发,当返回false时, DOM元素将不再缩放。 当缩放停止是触发。 使用$.fn.pagination.defaults重载默认值。 依赖关系
?
链接按钮
使用指南
1. 1. $('#pp').pagination({ 2. total:2000, 3. pageSize:10 4. }); 属性
名称 类型 描述 默认值 total(总数) pageSize(每页记录数)
pageNumber(当前页码)
pageList(可选择的每页记录数) loading(是否正在载入)
number(数字) number(数字) number(数字) array(数组)
总记录数,当创建
1
分页时必须设置。 每页显示的记录数。
10
当分页创建完毕
1
时显示当前页码。
用户能够改变每
[10,20,30,50]
页显示的记录数。
false
boolean定义数据是否正
(布尔型) 在载入。
自定义按钮,每个
按钮包含2个属性:
iconCls:显示背景图片的CSS类 handler:当按钮被点击时调用的一个句柄函数
buttons(按钮)
array(数组)
null
定义是否显示可
showPageList(显示boolean
选择的每页记录
可选择的每页记录数) (布尔型)
数。 showRefresh(显示刷新)
beforePageText(输入框之前的文本) afterPageText(输入框之后的文本) displayMsg(显示信息) 事件
名称 参数 pageNumber, pageSize boolean定义是否显示刷(布尔型) 新按钮。 string(字符串) string(字符串) string(字符串)
在输入框之前显示的符号。 在输入框之后显示的符号。 在插件右上方显示分页信息。
true
true Page of {pages} Displaying {from} to {to} of {total} items
描述 当用户进行翻页时触发,回调函数包含2个参数: pageNumber:下一页的页码 pageSize:下一页的显示记录数 onSelectPage