# jQuery UI API - 可放置小部件(Droppable Widget)
## 所属类别
[交互(Interactions)](ref-interactions.html)
## 用法
**描述:**为可拖拽小部件创建目标。
**版本新增:**1.0
**依赖:**
* [UI 核心(UI Core)](ref-ui-core.html)
* [部件库(Widget Factory)](api-jQuery-widget.html)
* [鼠标交互(Mouse Interaction)](api-mouse.html)
**注释:**jQuery UI 可放置(Droppable)插件让被选元素可放置(意味着它们在拖拽后接受被放置)。您可以逐个指定哪一个 draggable 会接受。
### 快速导航
| 选项 | 方法 | 事件 |
| --- | --- | --- |
| [accept](#option-accept)[activeClass](#option-activeClass)[addClasses](#option-addClasses)[disabled](#option-disabled)[greedy](#option-greedy)[hoverClass](#option-hoverClass)[scope](#option-scope)[tolerance](#option-tolerance) | [destroy](#method-destroy)[disable](#method-disable)[enable](#method-enable)[option](#method-option)[widget](#method-widget) | [activate](#event-activate)[create](#event-create)[deactivate](#event-deactivate)[drop](#event-drop)[out](#event-out)[over](#event-over) |
#### accept
**类型**:Selector 或 Function()
**描述**:控制哪个可拖拽(draggable)元素可被 droppable 接受。
**支持多个类型:**
* **Selector**:一个选择器,指定哪个可拖拽(draggable)元素可被 droppable 接受。
* **Function()**:一个函数,将被页面上每个 draggable 调用(作为第一个参数传递给函数)。如果 draggable 被接受,该函数必须返回 `true`。
**代码实例:**
初始化带有指定 `accept` 选项的 droppable:
```
$( ".selector" ).droppable({ accept: ".special" });
```
在初始化后,获取或设置 `accept` 选项:
```
// getter
var accept = $( ".selector" ).droppable( "option", "accept" );
// setter
$( ".selector" ).droppable( "option", "accept", ".special" );
```
**默认值**:"*"
#### activeClass
**类型**:String
**描述**:如果指定了该选项,当一个可接受的 draggable 被拖拽时,class 将被添加到 droppable。
**代码实例:**
初始化带有指定 `activeClass` 选项的 droppable:
```
$( ".selector" ).droppable({ activeClass: "ui-state-highlight" });
```
在初始化后,获取或设置 `activeClass` 选项:
```
// getter
var activeClass = $( ".selector" ).droppable( "option", "activeClass" );
// setter
$( ".selector" ).droppable( "option", "activeClass", "ui-state-highlight" );
```
**默认值**:false
#### addClasses
**类型**:Boolean
**描述**:如果设置为 `false`,将防止 `ui-droppable` class 被添加。这在数百个元素上调用 `.droppable()` 时有助于性能优化。
**代码实例:**
初始化带有指定 `addClasses` 选项的 droppable:
```
$( ".selector" ).droppable({ addClasses: false });
```
在初始化后,获取或设置 `addClasses` 选项:
```
// getter
var addClasses = $( ".selector" ).droppable( "option", "addClasses" );
// setter
$( ".selector" ).droppable( "option", "addClasses", false );
```
**默认值**:true
#### disabled
**类型**:Boolean
**描述**:如果设置为 `true`,则禁用该 droppable。
**代码实例:**
初始化带有指定 `disabled` 选项的 droppable:
```
$( ".selector" ).droppable({ disabled: true });
```
在初始化后,获取或设置 `disabled` 选项:
```
// getter
var disabled = $( ".selector" ).droppable( "option", "disabled" );
// setter
$( ".selector" ).droppable( "option", "disabled", true );
```
**默认值**:false
#### greedy
**类型**:Boolean
**描述**:默认情况下,当一个元素被放置在嵌套是 droppable 上时,每个 droppable 将接收该元素。然而,通过设置该选项为 `true`,任何父元素的 droppable 将无法接收该元素。 `drop` 事件仍将照常,但会检查 `event.target` 以便查看哪个 droppable 接收 draggable 元素。
**代码实例:**
初始化带有指定 `greedy` 选项的 droppable:
```
$( ".selector" ).droppable({ greedy: true });
```
在初始化后,获取或设置 `greedy` 选项:
```
// getter
var greedy = $( ".selector" ).droppable( "option", "greedy" );
// setter
$( ".selector" ).droppable( "option", "greedy", true );
```
**默认值**:false
#### hoverClass
**类型**:String
**描述**:如果指定了该选项,当一个可接受 draggable 被覆盖在 droppable 上时,class 将被添加到 droppable。
**代码实例:**
初始化带有指定 `hoverClass` 选项的 droppable:
```
$( ".selector" ).droppable({ hoverClass: "drop-hover" });
```
在初始化后,获取或设置 `hoverClass` 选项:
```
// getter
var hoverClass = $( ".selector" ).droppable( "option", "hoverClass" );
// setter
$( ".selector" ).droppable( "option", "hoverClass", "drop-hover" );
```
**默认值**:false
#### scope
**类型**:String
**描述**:用于组合配套 draggable 和 droppable 项,除了 droppable 的 `accept` 选项之外。一个与 droppable 带有相同的 `scope` 值的 draggable 会被该 droppable 接受。
**代码实例:**
初始化带有指定 `scope` 选项的 droppable:
```
$( ".selector" ).droppable({ scope: "tasks" });
```
在初始化后,获取或设置 `scope` 选项:
```
// getter
var scope = $( ".selector" ).droppable( "option", "scope" );
// setter
$( ".selector" ).droppable( "option", "scope", "tasks" );
```
**默认值**:"default"
#### tolerance
**类型**:String
**描述**:指定用于测试一个 draggable 是否覆盖在一个 droppable 上的模式。可能的值:
* `"fit"`:draggable 完全重叠在 droppable 上。
* `"intersect"`:draggable 重叠在 droppable 上,两个方向上至少 50%。
* `"pointer"`:鼠标指针重叠在 droppable 上。
* `"touch"`:draggable 重叠在 droppable 上,任何数量皆可。
**代码实例:**
初始化带有指定 `tolerance` 选项的 droppable:
```
$( ".selector" ).droppable({ tolerance: "fit" });
```
在初始化后,获取或设置 `tolerance` 选项:
```
// getter
var tolerance = $( ".selector" ).droppable( "option", "tolerance" );
// setter
$( ".selector" ).droppable( "option", "tolerance", "fit" );
```
**默认值**:"intersect"
#### 方法
#### destroy()
**类型**:jQuery (plugin only)
**描述**:完全移除 droppable 功能。这会把元素返回到它的预初始化状态。
* 该方法不接受任何参数。
**代码实例:**
调用 destroy 方法:
```
$( ".selector" ).droppable( "destroy" );
```
#### disable()
**类型**:jQuery (plugin only)
**描述**:禁用 droppable。
* 该方法不接受任何参数。
**代码实例:**
调用 disable 方法:
```
$( ".selector" ).droppable( "disable" );
```
#### enable()
**类型**:jQuery (plugin only)
**描述**:启用 droppable。
* 该方法不接受任何参数。
**代码实例:**
调用 enable 方法:
```
$( ".selector" ).droppable( "enable" );
```
#### option( optionName )
**类型**:Object
**描述**:获取当前与指定的 `optionName` 关联的值。
* **optionName**
类型:String
描述:要获取的选项的名称。
**代码实例:**
调用该方法:
```
var isDisabled = $( ".selector" ).droppable( "option", "disabled" );
```
#### option()
**类型**:PlainObject
**描述**:获取一个包含键/值对的对象,键/值对表示当前 droppable 选项哈希。
* 该方法不接受任何参数。
**代码实例:**
调用该方法:
```
var options = $( ".selector" ).droppable( "option" );
```
#### option( optionName, value )
**类型**:jQuery (plugin only)
**描述**:设置与指定的 `optionName` 关联的 droppable 选项的值。
* **optionName**
类型:String
描述:要设置的选项的名称。
* **value**
类型:Object
描述:要为选项设置的值。
**代码实例:**
调用该方法:
```
$( ".selector" ).droppable( "option", "disabled", true );
```
#### option( options )
**类型**:jQuery (plugin only)
**描述**:为 droppable 设置一个或多个选项。
* **options**
类型:Object
描述:要设置的 option-value 对。
**代码实例:**
调用该方法:
```
$( ".selector" ).droppable( "option", { disabled: true } );
```
#### widget()
**类型**:jQuery
**描述**:返回一个包含 droppable 元素的 `jQuery` 对象。
* 该方法不接受任何参数。
**代码实例:**
调用 widget 方法:
```
var widget = $( ".selector" ).droppable( "widget" );
```
#### 事件
#### activate( event, ui )
**类型**:dropactivate
**描述**:当一个可接受的 draggable 开始拖拽时触发。如果您想让 droppable 被放置时"点亮",该选项就可以派上用场。
* **event**
类型:Event
* **ui**
类型:Object
* **draggable**
类型:jQuery
描述:jQuery 对象,表示 draggable 元素。
* **helper**
类型:jQuery
描述:jQuery 对象,表示被拖拽的助手(helper)。
* **position**
类型:Object
描述:draggable 助手(helper)的当前 CSS 位置,比如 `{ top, left }` 对象。
* **offset**
类型:Object
描述:draggable 助手(helper)的当前偏移位置,比如 `{ top, left }` 对象。
**代码实例:**
初始化带有指定 activate 回调的 droppable:
```
$( ".selector" ).droppable({
activate: function( event, ui ) {}
});
```
绑定一个事件监听器到 dropactivate 事件:
```
$( ".selector" ).on( "dropactivate", function( event, ui ) {} );
```
#### create( event, ui )
**类型**:dropcreate
**描述**:当 droppable 被创建时触发。
* **event**
类型:Event
* **ui**
类型:Object
注意:`ui` 对象是空的,这里包含它是为了与其他事件保持一致性。
**代码实例:**
初始化带有指定 create 回调的 droppable:
```
$( ".selector" ).droppable({
create: function( event, ui ) {}
});
```
绑定一个事件监听器到 dropcreate 事件:
```
$( ".selector" ).on( "dropcreate", function( event, ui ) {} );
```
#### deactivate( event, ui )
**类型**:dropdeactivate
**描述**:当一个可接受的 draggable 停止拖拽时触发。
* **event**
类型:Event
* **ui**
类型:Object
* **draggable**
类型:jQuery
描述:jQuery 对象,表示 draggable 元素。
* **helper**
类型:jQuery
描述:jQuery 对象,表示被拖拽的助手(helper)。
* **position**
类型:Object
描述:draggable 助手(helper)的当前 CSS 位置,比如 `{ top, left }` 对象。
* **offset**
类型:Object
描述:draggable 助手(helper)的当前偏移位置,比如 `{ top, left }` 对象。
**代码实例:**
初始化带有指定 deactivate 回调的 droppable:
```
$( ".selector" ).droppable({
deactivate: function( event, ui ) {}
});
```
绑定一个事件监听器到 dropdeactivate 事件:
```
$( ".selector" ).on( "dropdeactivate", function( event, ui ) {} );
```
#### drop( event, ui )
**类型**:drop
**描述**:当一个可接受的 draggable 被放置在 droppable(基于 `[tolerance](#option-tolerance)` 选项)上时触发。
* **event**
类型:Event
* **ui**
类型:Object
* **draggable**
类型:jQuery
描述:jQuery 对象,表示 draggable 元素。
* **helper**
类型:jQuery
描述:jQuery 对象,表示被拖拽的助手(helper)。
* **position**
类型:Object
描述:draggable 助手(helper)的当前 CSS 位置,比如 `{ top, left }` 对象。
* **offset**
类型:Object
描述:draggable 助手(helper)的当前偏移位置,比如 `{ top, left }` 对象。
**代码实例:**
初始化带有指定 drop 回调的 droppable:
```
$( ".selector" ).droppable({
drop: function( event, ui ) {}
});
```
绑定一个事件监听器到 drop 事件:
```
$( ".selector" ).on( "drop", function( event, ui ) {} );
```
#### out( event, ui )
**类型**:dropout
**描述**:当 droppable 被拖拽出 droppable(基于 `[tolerance](#option-tolerance)` 选项)时触发。
* **event**
类型:Event
* **ui**
类型:Object
注意:`ui` 对象是空的,这里包含它是为了与其他事件保持一致性。
**代码实例:**
初始化带有指定 out 回调的 droppable:
```
$( ".selector" ).droppable({
out: function( event, ui ) {}
});
```
绑定一个事件监听器到 dropout 事件:
```
$( ".selector" ).on( "dropout", function( event, ui ) {} );
```
#### over( event, ui )
**类型**:dropover
**描述**:当一个可接受的 draggable 被拖拽在 droppable(基于 `[tolerance](#option-tolerance)` 选项)上时触发。
* **event**
类型:Event
* **ui**
类型:Object
* **draggable**
类型:jQuery
描述:jQuery 对象,表示 draggable 元素。
* **helper**
类型:jQuery
描述:jQuery 对象,表示被拖拽的助手(helper)。
* **position**
类型:Object
描述:draggable 助手(helper)的当前 CSS 位置,比如 `{ top, left }` 对象。
* **offset**
类型:Object
描述:draggable 助手(helper)的当前偏移位置,比如 `{ top, left }` 对象。
**代码实例:**
初始化带有指定 over 回调的 droppable:
```
$( ".selector" ).droppable({
over: function( event, ui ) {}
});
```
绑定一个事件监听器到 dropover 事件:
```
$( ".selector" ).on( "dropover", function( event, ui ) {} );
```
## 实例
一对 draggable 和 droppable 元素。
```
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>可放置小部件(Droppable Widget)演示</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<style>
#draggable {
width: 100px;
height: 100px;
background: #ccc;
}
#droppable {
position: absolute;
left: 250px;
top: 0;
width: 125px;
height: 125px;
background: #999;
color: #fff;
padding: 10px;
}
</style>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
</head>
<body>
<div id="droppable">请放置到这里!</div>
<div id="draggable">请拖拽我!</div>
<script>
$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
drop: function() {
alert( "dropped" );
}
});
</script>
</body>
</html>
```
- jQuery UI 基础
- jQuery UI 简介
- jQuery UI 下载
- jQuery UI 使用
- jQuery UI 定制
- jQuery UI 工作原理
- jQuery UI 主题
- jQuery UI 主题
- jQuery UI ThemeRoller
- jQuery UI CSS 框架 API
- jQuery UI 设计主题
- jQuery UI 部件库
- jQuery UI 部件库(Widget Factory)
- jQuery UI 通过部件库(Widget Factory)扩展小部件
- jQuery UI 小部件(Widget)方法调用
- jQuery UI 为什么使用部件库(Widget Factory)
- jQuery UI 如何使用部件库(Widget Factory)
- jQuery UI 实例
- jQuery UI 实例
- jQuery UI 实例 - 拖动(Draggable)
- jQuery UI 实例 - 放置(Droppable)
- jQuery UI 实例 - 缩放(Resizable)
- jQuery UI 实例 - 选择(Selectable)
- jQuery UI 实例 - 排序(Sortable)
- jQuery UI 实例 - 折叠面板(Accordion)
- jQuery UI 实例 - 自动完成(Autocomplete)
- jQuery UI 实例 - 按钮(Button)
- jQuery UI 实例 - 日期选择器(Datepicker)
- jQuery UI 实例 - 对话框(Dialog)
- jQuery UI 实例 - 菜单(Menu)
- jQuery UI 实例 - 进度条(Progressbar)
- jQuery UI 实例 - 滑块(Slider)
- jQuery UI 实例 - 旋转器(Spinner)
- jQuery UI 实例 - 标签页(Tabs)
- jQuery UI 实例 - 工具提示框(Tooltip)
- jQuery UI 实例 - 特效(Effect)
- jQuery UI 实例 - 显示(Show)
- jQuery UI 实例 - 隐藏(Hide)
- jQuery UI 实例 - 切换(Toggle)
- jQuery UI 实例 - 添加 Class(Add Class)
- jQuery UI 实例 - 移除 Class(Remove Class)
- jQuery UI 实例 - 切换 Class(Toggle Class)
- jQuery UI 实例 - 转换 Class(Switch Class)
- jQuery UI 实例 - 颜色动画(Color Animation)
- jQuery UI 实例 - 定位(Position)
- jQuery UI 实例 - 部件库(Widget Factory)
- jQuery UI API 参考
- jQuery UI API 类别 - 特效(Effects)
- jQuery UI API - .addClass()
- jQuery UI API - 百叶窗特效(Blind Effect)
- jQuery UI API - 反弹特效(Bounce Effect)
- jQuery UI API - 剪辑特效(Clip Effect)
- jQuery UI API - 颜色动画(Color Animation)
- jQuery UI API - 降落特效(Drop Effect)
- jQuery UI API - Easings
- jQuery UI API - .effect()
- jQuery UI API - 爆炸特效(Explode Effect)
- jQuery UI API - 淡入淡出特效(Fade Effect)
- jQuery UI API - 折叠特效(Fold Effect)
- jQuery UI API - .hide()
- jQuery UI API - 突出特效(Highlight Effect)
- jQuery UI API - 膨胀特效(Puff Effect)
- jQuery UI API - 跳动特效(Pulsate Effect)
- jQuery UI API - .removeClass()
- jQuery UI API - 缩放特效(Scale Effect)
- jQuery UI API - 震动特效(Shake Effect)
- jQuery UI API - .show()
- jQuery UI API - 尺寸特效(Size Effect)
- jQuery UI API - 滑动特效(Slide Effect)
- jQuery UI API - .switchClass()
- jQuery UI API - .toggle()
- jQuery UI API - .toggleClass()
- jQuery UI API - 转移特效(Transfer Effect)
- jQuery UI API 类别 - 特效核心(Effects Core)
- jQuery UI API - 颜色动画(Color Animation)
- jQuery UI API 类别 - 交互(Interactions)
- jQuery UI API - 可拖拽小部件(Draggable Widget)
- jQuery UI API - 可放置小部件(Droppable Widget)
- jQuery UI API - 鼠标交互(Mouse Interaction)
- jQuery UI API - 可调整尺寸小部件(Resizable Widget)
- jQuery UI API - 可选择小部件(Selectable Widget)
- jQuery UI API - 可排序小部件(Sortable Widget)
- jQuery UI API 类别 - 方法重载(Method Overrides)
- jQuery UI API - .focus()
- jQuery UI API - .position()
- jQuery UI API 类别 - 方法(Methods)
- jQuery UI API - .disableSelection()
- jQuery UI API - .enableSelection()
- jQuery UI API - .removeUniqueId()
- jQuery UI API - .scrollParent()
- jQuery UI API - .uniqueId()
- jQuery UI API - .zIndex()
- jQuery UI API 类别 - 选择器(Selectors)
- jQuery UI API - :data() Selector
- jQuery UI API - :focusable Selector
- jQuery UI API - :tabbable Selector
- jQuery UI API 类别 - 主题(Theming)
- jQuery UI API - CSS 框架(CSS Framework)
- jQuery UI API - 图标(Icons)
- jQuery UI API - 堆叠元素(Stacking Elements)
- jQuery UI API 类别 - UI 核心(UI Core)
- jQuery UI API 类别 - 实用工具(Utilities)
- jQuery UI API - 部件库(Widget Factory)
- jQuery UI API - 插件桥(Widget Plugin Bridge)
- jQuery UI API 类别 - 小部件(Widgets)
- jQuery UI API - 折叠面板部件(Accordion Widget)
- jQuery UI API - 自动完成部件(Autocomplete Widget)
- jQuery UI API - 按钮部件(Button Widget)
- jQuery UI API - 日期选择器部件(Datepicker Widget)
- jQuery UI API - 对话框部件(Dialog Widget)
- jQuery UI API - 菜单部件(Menu Widget)
- jQuery UI API - 进度条部件(Progressbar Widget)
- jQuery UI API - 滑块部件(Slider Widget)
- jQuery UI API - 旋转器部件(Spinner Widget)
- jQuery UI API - 标签页部件(Tabs Widget)
- jQuery UI API - 工具提示框部件(Tooltip Widget)
- jQuery EasyUI 简介
- jQuery EasyUI 应用
- jQuery EasyUI 应用 - 创建 CRUD 应用
- jQuery EasyUI 应用 - 创建 CRUD 数据网格(DataGrid)
- jQuery EasyUI 应用 - 创建展开行明细编辑表单的 CRUD 应用
- jQuery EasyUI 应用 - 创建 RSS Feed 阅读器
- jQuery EasyUI 拖放
- jQuery EasyUI 拖放 - 基本的拖动和放置
- jQuery EasyUI 拖放 - 创建拖放的购物车
- jQuery EasyUI 拖放 - 创建学校课程表
- jQuery EasyUI 菜单与按钮
- jQuery EasyUI 菜单与按钮 - 创建简单的菜单
- jQuery EasyUI 菜单与按钮 - 创建链接按钮(Link Button)
- jQuery EasyUI 菜单与按钮 - 创建菜单按钮(Menu Button)
- jQuery EasyUI 菜单与按钮 - 创建分割按钮(Split Button)
- jQuery EasyUI 布局
- jQuery EasyUI 布局 - 为网页创建边框布局
- jQuery EasyUI 布局 - 在面板中创建复杂布局
- jQuery EasyUI 布局 - 创建折叠面板
- jQuery EasyUI 布局 - 创建标签页(Tabs)
- jQuery EasyUI 布局 - 动态添加标签页(Tabs)
- jQuery EasyUI 布局 - 添加自动播放标签页(Tabs)
- jQuery EasyUI 布局 - 创建 XP 风格左侧面板
- jQuery EasyUI 数据网格
- jQuery EasyUI 数据网格 - 转换 HTML 表格为数据网格
- jQuery EasyUI 数据网格 - 取得选中行数据
- jQuery EasyUI 数据网格 - 添加查询功能
- jQuery EasyUI 数据网格 - 添加工具栏
- jQuery EasyUI 数据网格 - 创建复杂工具栏
- jQuery EasyUI 数据网格 - 设置冻结列
- jQuery EasyUI 数据网格 - 动态改变列
- jQuery EasyUI 数据网格 - 格式化列
- jQuery EasyUI 数据网格 - 设置排序
- jQuery EasyUI 数据网格 - 自定义排序
- jQuery EasyUI 数据网格 - 创建列组合
- jQuery EasyUI 数据网格 - 添加复选框
- jQuery EasyUI 数据网格 - 自定义分页
- jQuery EasyUI 数据网格 - 启用行内编辑
- jQuery EasyUI 数据网格 - 扩展编辑器
- jQuery EasyUI 数据网格 - 列运算
- jQuery EasyUI 数据网格 - 合并单元格
- jQuery EasyUI 数据网格 - 创建自定义视图
- jQuery EasyUI 数据网格 - 创建页脚摘要
- jQuery EasyUI 数据网格 - 条件设置行背景颜色
- jQuery EasyUI 数据网格 - 创建属性网格
- jQuery EasyUI 数据网格 - 扩展行显示细节
- jQuery EasyUI 数据网格 - 创建子网格
- jQuery EasyUI 数据网格 - 使用虚拟滚动视图显示海量数据
- jQuery EasyUI 数据网格 - 添加分页组件
- jQuery EasyUI 窗口
- jQuery EasyUI 窗口 - 创建简单窗口
- jQuery EasyUI 窗口 - 自定义窗口工具栏
- jQuery EasyUI 窗口 - 窗口与布局
- jQuery EasyUI 窗口 - 创建对话框
- jQuery EasyUI 窗口 - 自定义带有工具条和按钮的对话框
- jQuery EasyUI 树形菜单
- jQuery EasyUI 树形菜单 - 使用标记创建树形菜单
- jQuery EasyUI 树形菜单 - 创建异步树形菜单
- jQuery EasyUI 树形菜单 - 树形菜单添加节点
- jQuery EasyUI 树形菜单 - 创建带复选框的树形菜单
- jQuery EasyUI 树形菜单 - 树形菜单拖放控制
- jQuery EasyUI 树形菜单 - 树形菜单加载父/子节点
- jQuery EasyUI 树形菜单 - 创建基础树形网格
- jQuery EasyUI 树形菜单 - 创建复杂树形网格
- jQuery EasyUI 树形菜单 - 树形网格动态加载
- jQuery EasyUI 树形菜单 - 树形网格添加分页
- jQuery EasyUI 树形菜单 - 树形网格惰性加载节点
- jQuery EasyUI 表单
- jQuery EasyUI 表单 - 创建异步提交表单
- jQuery EasyUI 表单 - 表单验证
- jQuery EasyUI 表单 - 创建树形下拉框
- jQuery EasyUI 表单 - 格式化下拉框
- jQuery EasyUI 表单 - 过滤下拉数据网格
- jQuery EasyUI 插件
- jQuery EasyUI 扩展
- 免责声明