• W3School jQuery UI 教程
  • 介紹
  • 1. jQuery UI 基础
    • 1.1. jQuery UI 简介
    • 1.2. jQuery UI 下载
    • 1.3. jQuery UI 使用
    • 1.4. jQuery UI 定制
    • 1.5. jQuery UI 工作原理
  • 2. jQuery UI 主题
    • 2.1. jQuery UI 主题
    • 2.2. jQuery UI ThemeRoller
    • 2.3. jQuery UI CSS 框架 API
    • 2.4. jQuery UI 设计主题
  • 3. jQuery UI 部件库
    • 3.1. jQuery UI 部件库(Widget Factory)
    • 3.2. jQuery UI 通过部件库(Widget Factory)扩展小部件
    • 3.3. jQuery UI 小部件(Widget)方法调用
    • 3.4. jQuery UI 为什么使用部件库(Widget Factory)
    • 3.5. jQuery UI 如何使用部件库(Widget Factory)
  • 4. jQuery UI 实例
    • 4.1. jQuery UI 实例
    • 4.2. jQuery UI 实例 - 拖动(Draggable)
    • 4.3. jQuery UI 实例 - 放置(Droppable)
    • 4.4. jQuery UI 实例 - 缩放(Resizable)
    • 4.5. jQuery UI 实例 - 选择(Selectable)
    • 4.6. jQuery UI 实例 - 排序(Sortable)
    • 4.7. jQuery UI 实例 - 折叠面板(Accordion)
    • 4.8. jQuery UI 实例 - 自动完成(Autocomplete)
    • 4.9. jQuery UI 实例 - 按钮(Button)
    • 4.10. jQuery UI 实例 - 日期选择器(Datepicker)
    • 4.11. jQuery UI 实例 - 对话框(Dialog)
    • 4.12. jQuery UI 实例 - 菜单(Menu)
    • 4.13. jQuery UI 实例 - 进度条(Progressbar)
    • 4.14. jQuery UI 实例 - 滑块(Slider)
    • 4.15. jQuery UI 实例 - 旋转器(Spinner)
    • 4.16. jQuery UI 实例 - 标签页(Tabs)
    • 4.17. jQuery UI 实例 - 工具提示框(Tooltip)
    • 4.18. jQuery UI 实例 - 特效(Effect)
    • 4.19. jQuery UI 实例 - 显示(Show)
    • 4.20. jQuery UI 实例 - 隐藏(Hide)
    • 4.21. jQuery UI 实例 - 切换(Toggle)
    • 4.22. jQuery UI 实例 - 添加 Class(Add Class)
    • 4.23. jQuery UI 实例 - 移除 Class(Remove Class)
    • 4.24. jQuery UI 实例 - 切换 Class(Toggle Class)
    • 4.25. jQuery UI 实例 - 转换 Class(Switch Class)
    • 4.26. jQuery UI 实例 - 颜色动画(Color Animation)
    • 4.27. jQuery UI 实例 - 定位(Position)
    • 4.28. jQuery UI 实例 - 部件库(Widget Factory)
  • 5. jQuery UI API 参考
    • 5.1. jQuery UI API 类别 - 特效(Effects)
      • 5.1.1. jQuery UI API - .addClass()
      • 5.1.2. jQuery UI API - 百叶窗特效(Blind Effect)
      • 5.1.3. jQuery UI API - 反弹特效(Bounce Effect)
      • 5.1.4. jQuery UI API - 剪辑特效(Clip Effect)
      • 5.1.5. jQuery UI API - 颜色动画(Color Animation)
      • 5.1.6. jQuery UI API - 降落特效(Drop Effect)
      • 5.1.7. jQuery UI API - Easings
      • 5.1.8. jQuery UI API - .effect()
      • 5.1.9. jQuery UI API - 爆炸特效(Explode Effect)
      • 5.1.10. jQuery UI API - 淡入淡出特效(Fade Effect)
      • 5.1.11. jQuery UI API - 折叠特效(Fold Effect)
      • 5.1.12. jQuery UI API - .hide()
      • 5.1.13. jQuery UI API - 突出特效(Highlight Effect)
      • 5.1.14. jQuery UI API - 膨胀特效(Puff Effect)
      • 5.1.15. jQuery UI API - 跳动特效(Pulsate Effect)
      • 5.1.16. jQuery UI API - .removeClass()
      • 5.1.17. jQuery UI API - 缩放特效(Scale Effect)
      • 5.1.18. jQuery UI API - 震动特效(Shake Effect)
      • 5.1.19. jQuery UI API - .show()
      • 5.1.20. jQuery UI API - 尺寸特效(Size Effect)
      • 5.1.21. jQuery UI API - 滑动特效(Slide Effect)
      • 5.1.22. jQuery UI API - .switchClass()
      • 5.1.23. jQuery UI API - .toggle()
      • 5.1.24. jQuery UI API - .toggleClass()
      • 5.1.25. jQuery UI API - 转移特效(Transfer Effect)
    • 5.2. jQuery UI API 类别 - 特效核心(Effects Core)
      • 5.2.1. jQuery UI API - 颜色动画(Color Animation)
    • 5.3. jQuery UI API 类别 - 交互(Interactions)
      • 5.3.1. jQuery UI API - 可拖拽小部件(Draggable Widget)
      • 5.3.2. jQuery UI API - 可放置小部件(Droppable Widget)
      • 5.3.3. jQuery UI API - 鼠标交互(Mouse Interaction)
      • 5.3.4. jQuery UI API - 可调整尺寸小部件(Resizable Widget)
      • 5.3.5. jQuery UI API - 可选择小部件(Selectable Widget)
      • 5.3.6. jQuery UI API - 可排序小部件(Sortable Widget)
    • 5.4. jQuery UI API 类别 - 方法重载(Method Overrides)
      • 5.4.1. jQuery UI API - .focus()
      • 5.4.2. jQuery UI API - .position()
    • 5.5. jQuery UI API 类别 - 方法(Methods)
      • 5.5.1. jQuery UI API - .disableSelection()
      • 5.5.2. jQuery UI API - .enableSelection()
      • 5.5.3. jQuery UI API - .removeUniqueId()
      • 5.5.4. jQuery UI API - .scrollParent()
      • 5.5.5. jQuery UI API - .uniqueId()
      • 5.5.6. jQuery UI API - .zIndex()
    • 5.6. jQuery UI API 类别 - 选择器(Selectors)
      • 5.6.1. jQuery UI API - :data() Selector
      • 5.6.2. jQuery UI API - :focusable Selector
      • 5.6.3. jQuery UI API - :tabbable Selector
    • 5.7. jQuery UI API 类别 - 主题(Theming)
      • 5.7.1. jQuery UI API - CSS 框架(CSS Framework)
      • 5.7.2. jQuery UI API - 图标(Icons)
      • 5.7.3. jQuery UI API - 堆叠元素(Stacking Elements)
    • 5.8. jQuery UI API 类别 - UI 核心(UI Core)
    • 5.9. jQuery UI API 类别 - 实用工具(Utilities)
      • 5.9.1. jQuery UI API - 部件库(Widget Factory)
      • 5.9.2. jQuery UI API - 插件桥(Widget Plugin Bridge)
    • 5.10. jQuery UI API 类别 - 小部件(Widgets)
      • 5.10.1. jQuery UI API - 折叠面板部件(Accordion Widget)
      • 5.10.2. jQuery UI API - 自动完成部件(Autocomplete Widget)
      • 5.10.3. jQuery UI API - 按钮部件(Button Widget)
      • 5.10.4. jQuery UI API - 日期选择器部件(Datepicker Widget)
      • 5.10.5. jQuery UI API - 对话框部件(Dialog Widget)
      • 5.10.6. jQuery UI API - 菜单部件(Menu Widget)
      • 5.10.7. jQuery UI API - 进度条部件(Progressbar Widget)
      • 5.10.8. jQuery UI API - 滑块部件(Slider Widget)
      • 5.10.9. jQuery UI API - 旋转器部件(Spinner Widget)
      • 5.10.10. jQuery UI API - 标签页部件(Tabs Widget)
      • 5.10.11. jQuery UI API - 工具提示框部件(Tooltip Widget)
  • 6. jQuery EasyUI 简介
  • 7. jQuery EasyUI 应用
    • 7.1. jQuery EasyUI 应用 - 创建 CRUD 应用
    • 7.2. jQuery EasyUI 应用 - 创建 CRUD 数据网格(DataGrid)
    • 7.3. jQuery EasyUI 应用 - 创建展开行明细编辑表单的 CRUD 应用
    • 7.4. jQuery EasyUI 应用 - 创建 RSS Feed 阅读器
  • 8. jQuery EasyUI 拖放
    • 8.1. jQuery EasyUI 拖放 - 基本的拖动和放置
    • 8.2. jQuery EasyUI 拖放 - 创建拖放的购物车
    • 8.3. jQuery EasyUI 拖放 - 创建学校课程表
  • 9. jQuery EasyUI 菜单与按钮
    • 9.1. jQuery EasyUI 菜单与按钮 - 创建简单的菜单
    • 9.2. jQuery EasyUI 菜单与按钮 - 创建链接按钮(Link Button)
    • 9.3. jQuery EasyUI 菜单与按钮 - 创建菜单按钮(Menu Button)
    • 9.4. jQuery EasyUI 菜单与按钮 - 创建分割按钮(Split Button)
  • 10. jQuery EasyUI 布局
    • 10.1. jQuery EasyUI 布局 - 为网页创建边框布局
    • 10.2. jQuery EasyUI 布局 - 在面板中创建复杂布局
    • 10.3. jQuery EasyUI 布局 - 创建折叠面板
    • 10.4. jQuery EasyUI 布局 - 创建标签页(Tabs)
    • 10.5. jQuery EasyUI 布局 - 动态添加标签页(Tabs)
    • 10.6. jQuery EasyUI 布局 - 添加自动播放标签页(Tabs)
    • 10.7. jQuery EasyUI 布局 - 创建 XP 风格左侧面板
  • 11. jQuery EasyUI 数据网格
    • 11.1. jQuery EasyUI 数据网格 - 转换 HTML 表格为数据网格
    • 11.2. jQuery EasyUI 数据网格 - 取得选中行数据
    • 11.3. jQuery EasyUI 数据网格 - 添加查询功能
    • 11.4. jQuery EasyUI 数据网格 - 添加工具栏
    • 11.5. jQuery EasyUI 数据网格 - 创建复杂工具栏
    • 11.6. jQuery EasyUI 数据网格 - 设置冻结列
    • 11.7. jQuery EasyUI 数据网格 - 动态改变列
    • 11.8. jQuery EasyUI 数据网格 - 格式化列
    • 11.9. jQuery EasyUI 数据网格 - 设置排序
    • 11.10. jQuery EasyUI 数据网格 - 自定义排序
    • 11.11. jQuery EasyUI 数据网格 - 创建列组合
    • 11.12. jQuery EasyUI 数据网格 - 添加复选框
    • 11.13. jQuery EasyUI 数据网格 - 自定义分页
    • 11.14. jQuery EasyUI 数据网格 - 启用行内编辑
    • 11.15. jQuery EasyUI 数据网格 - 扩展编辑器
    • 11.16. jQuery EasyUI 数据网格 - 列运算
    • 11.17. jQuery EasyUI 数据网格 - 合并单元格
    • 11.18. jQuery EasyUI 数据网格 - 创建自定义视图
    • 11.19. jQuery EasyUI 数据网格 - 创建页脚摘要
    • 11.20. jQuery EasyUI 数据网格 - 条件设置行背景颜色
    • 11.21. jQuery EasyUI 数据网格 - 创建属性网格
    • 11.22. jQuery EasyUI 数据网格 - 扩展行显示细节
    • 11.23. jQuery EasyUI 数据网格 - 创建子网格
    • 11.24. jQuery EasyUI 数据网格 - 使用虚拟滚动视图显示海量数据
    • 11.25. jQuery EasyUI 数据网格 - 添加分页组件
  • 12. jQuery EasyUI 窗口
    • 12.1. jQuery EasyUI 窗口 - 创建简单窗口
    • 12.2. jQuery EasyUI 窗口 - 自定义窗口工具栏
    • 12.3. jQuery EasyUI 窗口 - 窗口与布局
    • 12.4. jQuery EasyUI 窗口 - 创建对话框
    • 12.5. jQuery EasyUI 窗口 - 自定义带有工具条和按钮的对话框
  • 13. jQuery EasyUI 树形菜单
    • 13.1. jQuery EasyUI 树形菜单 - 使用标记创建树形菜单
    • 13.2. jQuery EasyUI 树形菜单 - 创建异步树形菜单
    • 13.3. jQuery EasyUI 树形菜单 - 树形菜单添加节点
    • 13.4. jQuery EasyUI 树形菜单 - 创建带复选框的树形菜单
    • 13.5. jQuery EasyUI 树形菜单 - 树形菜单拖放控制
    • 13.6. jQuery EasyUI 树形菜单 - 树形菜单加载父/子节点
    • 13.7. jQuery EasyUI 树形菜单 - 创建基础树形网格
    • 13.8. jQuery EasyUI 树形菜单 - 创建复杂树形网格
    • 13.9. jQuery EasyUI 树形菜单 - 树形网格动态加载
    • 13.10. jQuery EasyUI 树形菜单 - 树形网格添加分页
    • 13.11. jQuery EasyUI 树形菜单 - 树形网格惰性加载节点
  • 14. jQuery EasyUI 表单
    • 14.1. jQuery EasyUI 表单 - 创建异步提交表单
    • 14.2. jQuery EasyUI 表单 - 表单验证
    • 14.3. jQuery EasyUI 表单 - 创建树形下拉框
    • 14.4. jQuery EasyUI 表单 - 格式化下拉框
    • 14.5. jQuery EasyUI 表单 - 过滤下拉数据网格
  • 15. jQuery EasyUI 插件
  • 16. jQuery EasyUI 扩展
  • 17. 免责声明
Powered by GitBook

W3School jQuery UI 教程

jQuery EasyUI 扩展

Portal(制作图表、列表、球形图等)

数据网格视图(DataGrid View)

| | | |

可编辑的数据网格(Editable DataGrid)

可编辑的树(Editable Tree)

数据网格行过滤(DataGrid Filter Row)

数据网格行拖放(Drag and Drop Rows in DataGrid)

树形网格行拖放(Drag and Drop Rows in TreeGrid)

主题(Themes)

DWR 加载器(DWR Loader)

RTL 支持(RTL support)

Ribbon