Learning Path
浏览 jQuery EasyUI 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
118
pre { white-space: pre-wrap; } jQuery EasyUI 树形菜单 - 树形网格惰性加载节点 有时我们已经得到充分的分层树形网格（TreeGrid）的数据。 我们还想让树形网格（TreeGrid）按层次惰性加载节点。 首先，只加载顶层节点。 然后点击节点的展开图标来加载它的子节点。 本教程展示如何创建带有惰性加载特性的树形网格（TreeGrid）。 创建树形网格（TreeGrid） ..
pre { white-space: pre-wrap; } jQuery EasyUI 窗口 - 创建对话框 对话框（Dialog）是一个特殊的窗口（window），可以包含在顶部的工具栏和在底部的按钮。默认情况下，对话框（Dialog）不能改变大小，但是用户可以设置 resizable 属性为 true，使其可以改变大小。 创建对话框（Dialog） 对话框（Dialog）非常简单，可以从 DIV 标记创建，如下所示： ..
pre { white-space: pre-wrap; } jQuery EasyUI 窗口 - 自定义带有工具条和按钮的对话框 您可以创建一个带有工具栏（toolbar）和按钮（button）的对话框（dialog），可以从 HTML 标记创建。这个教程描述如何添加工具栏（toolbar）和按钮（button）到对话框（dialog），没有任何的 javascript 代码。 创建对话框（Dialog） Dial..
pre { white-space: pre-wrap; } jQuery EasyUI 窗口 - 创建简单窗口 创建一个窗口（window）非常简单，我们创建一个 DIV 标记： Some Content. 现在运行测试页面，您会看见一个窗口（window）显示在您的屏幕上。我们不需要写任何的 javascript 代码。 如果您希望创建一个隐藏的窗口（window），记得设置 'closed'..
pre { white-space: pre-wrap; } jQuery EasyUI 窗口 - 自定义窗口工具栏 默认情况下，窗口（window）有四个工具：collapsible、minimizable、maximizable 和 closable。比如我们定义以下窗口（window）： window content 如需自定义工具，设置该工具为 true 或者 false。比如我们希望定义一个窗口（wi..
pre { white-space: pre-wrap; } jQuery EasyUI 窗口 - 窗口与布局 Layout 组件可以内嵌在窗口（window）中。我们可以创建一个复杂的布局窗口，甚至不需要写任何的 js 代码。jquery-easyui 框架帮我们在后台做渲染和调整尺寸。 作为一个实例，我们创建一个窗口（window），它包含两个部分，一个放置在左边一个放置在右边。在窗口（window）的左边我们创建一个树形菜单..
pre { white-space: pre-wrap; } jQuery EasyUI 简介 jQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件。 什么是 jQuery EasyUI jQuery EasyUI 框架提供了创建网页所需的一切，帮助您轻松建立站点。 easyui 是一个基于 jQuery 的框架，集成了各种用户界面插件。 easyui 提供建立现代化的具有交互性的 jav..
jQuery EasyUI 教程 jQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件。 jQuery EasyUI 框架提供了创建网页所需的一切，帮助您轻松建立站点。本教程将告诉您如何使用 jQuery EasyUI 框架创建应用。 现在开始学习 jQuery EasyUI！ jQuery EasyUI 离线版CHM下载！ 内容列表 Application（应用） jQuery EasyU..
pre { white-space: pre-wrap; } jQuery EasyUI 基础插件 - Draggable 可拖动 jQuery EasyUI 插件 通过 $.fn.draggable.defaults 重写默认的 defaults。 用法 通过标记创建可拖动（draggable）元素。 title 使用 javascript 创建可拖动（draggable）元素。 title ..
pre { white-space: pre-wrap; } jQuery EasyUI 基础插件 - Droppable 可放置 jQuery EasyUI 插件 通过 $.fn.droppable.defaults 重写默认的 defaults。 用法 通过标记创建可放置（droppable）区域。 使用 javascript 创建可放置（droppable）区域。 $('#dd')..
pre { white-space: pre-wrap; } jQuery EasyUI 基础插件 - Easyloader 加载器 jQuery EasyUI 插件 用法 加载 EasyUI 模块 easyloader.base = '../'; // 设置 easyui 的基本目录 easyloader.load('messager', function(){ // 加载指定的模块..
pre { white-space: pre-wrap; } jQuery EasyUI 基础插件 - Pagination 分页 jQuery EasyUI 插件 通过 $.fn.pagination.defaults 重写默认的 defaults。 分页（pagination）允许用户通过翻页导航数据。它支持页面导航和页面长度选择的可配置选项。用户可以在分页的右侧添加自定义按钮来增强功能。 依赖 linkbutto..
pre { white-space: pre-wrap; } jQuery EasyUI 基础插件 - Parser 解析器 jQuery EasyUI 插件 用法 $.parser.parse(); // 解析整个页面 $.parser.parse('#cc'); // 解析某个具体节点 属性 名称 类型 描述 默认值 $.parser.auto boolean..
pre { white-space: pre-wrap; } jQuery EasyUI 基础插件 - Progressbar 进度条 jQuery EasyUI 插件 通过 $.fn.progressbar.defaults 重写默认的 defaults。 进度条（progressbar）提供了一种显示长时间操作进度的反馈。进度可被更新以便让用户知道当前正在执行的操作。 依赖 none 用法 创建进度条（Prog..
pre { white-space: pre-wrap; } jQuery EasyUI 基础插件 - Resizable 可调整尺寸 jQuery EasyUI 插件 通过 $.fn.resizable.defaults 重写默认的 defaults。 用法 通过标记创建可调整尺寸（resizable）对象。 使用 javascript 创建可调整尺寸（resizable）对象。 $('#rr&..
pre { white-space: pre-wrap; } jQuery EasyUI 基础插件 - Searchbox 搜索框 jQuery EasyUI 插件 通过 $.fn.searchbox.defaults 重写默认的 defaults。 搜索框（searchbox）提示用户输入搜索值。它可以结合一个菜单，允许用户选择不同的搜索类别。当用户按下 ENTER 键时或者点击组件右侧的搜索按钮时，搜索动作将被执行。 ..
pre { white-space: pre-wrap; } jQuery EasyUI 基础插件 - Tooltip 提示框 jQuery EasyUI 插件 通过 $.fn.tooltip.defaults 重写默认的 defaults。 当用户移动鼠标指针在某个元素上时，出现提示信息窗口用来显示额外信息。提示内容可以包含任何来自页面的或者通过 ajax 生成的 html 元素。 用法 创建提示框（Tooltip）..
pre { white-space: pre-wrap; } jQuery EasyUI 数据网格与树插件 - Datagrid 数据网格 jQuery EasyUI 插件 扩展自 $.fn.panel.defaults。通过 $.fn.datagrid.defaults 重写默认的 defaults。 数据网格（datagrid）以表格格式显示数据，并为选择、排序、分组和编辑数据提供了丰富的支持。数据网格（datagrid..
pre { white-space: pre-wrap; } jQuery EasyUI 数据网格与树插件 - Propertygrid 属性网格 jQuery EasyUI 插件 扩展自 $.fn.datagrid.defaults。通过 $.fn.propertygrid.defaults 重写默认的 defaults。 属性网格（propertygrid）为用户提供了用于浏览和编辑对象属性的界面。属性网格是内联编辑的数..
pre { white-space: pre-wrap; } jQuery EasyUI 数据网格与树插件 - Tree 树 jQuery EasyUI 插件 通过 $.fn.tree.defaults 重写默认的 defaults。 树（tree）在网页中以树形结构显示分层数据。它向用户提供展开、折叠、拖拽、编辑和异步加载功能。 依赖 draggable droppable 用法 树（tree）定义在 &..
pre { white-space: pre-wrap; } jQuery EasyUI 数据网格与树插件 - Treegrid 树形网格 jQuery EasyUI 插件 扩展自 $.fn.datagrid.defaults。通过 $.fn.treegrid.defaults 重写默认的 defaults。 树形网格（treegrid）用于以网格形式显示分层数据。它是基于数据网格（datagrid）的，并结合了树视图（tr..
pre { white-space: pre-wrap; } jQuery EasyUI 表单插件 - Calendar 日历 jQuery EasyUI 插件 通过 $.fn.calendar.defaults 重写默认的 defaults。 日历（calendar）显示允许用户选择日期的一个月份日历，并允许移动到上一月和下一页。默认情况下，每星期的第一天设置为星期日。这可以通过设置 'firstDay'..
pre { white-space: pre-wrap; } jQuery EasyUI 表单插件 - Combo 组合 jQuery EasyUI 插件 扩展自 $.fn.validatebox.defaults。通过 $.fn.combo.defaults 重写默认的 defaults。 组合（combo）是在 html 页面上显示一个可编辑的文本框和下拉面板。它是用于创建其他复杂的组合组件（比如：组合框 combobo..
pre { white-space: pre-wrap; } jQuery EasyUI 表单插件 - Combobox 组合框 jQuery EasyUI 插件 扩展自 $.fn.combo.defaults。通过 $.fn.combobox.defaults 重写默认的 defaults。 组合框（combobox）显示一个可编辑的文本框和下拉列表，用户可以从下拉列表中选择一个或多个值。用户可以直接输入文本到列表的顶部，..