jQuery EasyUI 教程

jQuery EasyUI 是一个基于 jQueryjavascript框架,集成了各种用户界面插件。
jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点。本教程将告诉您如何使用 jQuery EasyUI 框架创建应用。
现在开始学习 jQuery EasyUI!
jQuery EasyUI 离线版CHM下载!

  • jQuery EasyUI 教程目录

jQuery EasyUI 教程
jQuery EasyUI 简介

jEasyUI 应用
jEasyUI 创建 CRUD 应用
jEasyUI 创建 CRUD 数据网格
jEasyUI 表单的 CRUD 应用
jEasyUI 创建 RSS 阅读器

jEasyUI 拖放
jEasyUI 基本的拖动和放置
jEasyUI 创建拖放的购物车
jEasyUI 创建学校课程表

jEasyUI 菜单与按钮
jEasyUI 创建简单的菜单
jEasyUI 创建链接按钮
jEasyUI 创建菜单按钮
jEasyUI 创建分割按钮

jEasyUI 布局
jEasyUI 创建边框布局
jEasyUI 创建复杂布局
jEasyUI 创建折叠面板
jEasyUI 创建标签页
jEasyUI 动态添加标签页
jEasyUI 添加自动播放标签页
jEasyUI 创建 XP 风格左侧面板

jEasyUI 数据网格
jEasyUI 转换 HTML 表格为数据网格
jEasyUI 取得选中行数据
jEasyUI 添加查询功能
jEasyUI 添加工具栏
jEasyUI 创建复杂工具栏
jEasyUI 设置冻结列
jEasyUI 动态改变列
jEasyUI 格式化列
jEasyUI 设置排序
jEasyUI 自定义排序
jEasyUI 创建列组合
jEasyUI 添加复选框
jEasyUI 自定义分页
jEasyUI 启用行内编辑
jEasyUI 扩展编辑器
jEasyUI 列运算
jEasyUI 合并单元格
jEasyUI 创建自定义视图
jEasyUI 创建页脚摘要
jEasyUI 条件设置行背景颜色
jEasyUI 创建属性网格
jEasyUI 扩展行显示细节
jEasyUI 创建子网格
jEasyUI 显示海量数据
jEasyUI 添加分页组件

jEasyUI 窗口
jEasyUI 创建简单窗口
jEasyUI 自定义窗口工具栏
jEasyUI 窗口与布局
jEasyUI 创建对话框
jEasyUI 自定义对话框

jEasyUI 树形菜单
jEasyUI 使用标记创建树形菜单
jEasyUI 创建异步树形菜单
jEasyUI 树形菜单添加节点
jEasyUI 创建带复选框的树形菜单
jEasyUI 树形菜单拖放控制
jEasyUI 树形菜单加载父/子节点
jEasyUI 创建基础树形网格
jEasyUI 创建复杂树形网格
jEasyUI 树形网格动态加载
jEasyUI 树形网格添加分页
jEasyUI 树形网格惰性加载节点

jEasyUI 表单
jEasyUI 创建异步提交表单
jEasyUI 表单验证
jEasyUI 创建树形下拉框
jEasyUI 格式化下拉框
jEasyUI 过滤下拉数据网格

jEasyUI 参考手册
jQuery EasyUI 插件
jQuery EasyUI 扩展

内容列表
Application(应用)
jQuery EasyUI 应用 - 创建 CRUD 应用
jQuery EasyUI 应用 - 创建 CRUD 数据网格
jQuery EasyUI 应用 - 创建展开行明细编辑表单的 CRUD 应用
jQuery EasyUI 应用 - 创建 RSS Feed 阅读器
Drag 与 Drop(拖动与放置,即拖放)
jQuery EasyUI 拖放 - 基本的拖动和放置
jQuery EasyUI 拖放 - 创建拖放的购物车
jQuery EasyUI 拖放 - 创建学校课程表
Menu 与 Button(菜单与按钮)
jQuery EasyUI 菜单与按钮 - 创建简单的菜单
jQuery EasyUI 菜单与按钮 - 创建链接按钮(Link Button)
jQuery EasyUI 菜单与按钮 - 创建菜单按钮(Menu Button)
jQuery EasyUI 菜单与按钮 - 创建分割按钮(Split Button)
Layout(布局)
jQuery EasyUI 布局 - 为网页创建边框布局
jQuery EasyUI 布局 - 在面板中创建复杂布局
jQuery EasyUI 布局 - 创建折叠面板(Accordion)
jQuery EasyUI 布局 - 创建 Tabs 标签
jQuery EasyUI 布局 - 动态添加 Tabs
jQuery EasyUI 布局 - 添加自动播放 Tabs
jQuery EasyUI 布局 - 创建 XP 风格左侧面板
DataGrid(数据网格)
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 数据网格 - 使用虚拟滚动视图显示海量数据
Window(窗口)
jQuery EasyUI 窗口 - 创建简单窗口
jQuery EasyUI 窗口 - 自定义窗口工具栏
jQuery EasyUI 窗口 - 窗口与布局
jQuery EasyUI 窗口 - 创建对话框
jQuery EasyUI 窗口 - 自定义对话框工具条和按钮
Tree(树形菜单)
jQuery EasyUI 树形菜单 - 使用标记创建树形菜单
jQuery EasyUI 树形菜单 - 创建异步树形菜单
jQuery EasyUI 树形菜单 - 树形菜单添加节点
jQuery EasyUI 树形菜单 - 创建带复选框的树形菜单
jQuery EasyUI 树形菜单 - 树形菜单拖放控制
jQuery EasyUI 树形菜单 - 树形菜单加载父/子节点
jQuery EasyUI 树形菜单 - 创建基础树形网格
jQuery EasyUI 树形菜单 - 创建复杂树形网格
jQuery EasyUI 树形菜单 - 树形网格动态加载
jQuery EasyUI 树形菜单 - 树形网格添加分页
jQuery EasyUI 树形菜单 - 树形网格惰性加载节点
Form(表单)
jQuery EasyUI 表单 - 创建异步提交表单
jQuery EasyUI 表单 - 创建树形下拉框(ComboTree)
jQuery EasyUI 表单 - 表单验证
jQuery EasyUI 表单 - 格式化下拉框(ComboBox)
jQuery EasyUI 表单 - 过滤下拉数据网格(ComboGrid)
参考手册
jQuery EasyUI 插件
jQuery EasyUI 扩展

时间: 2024-10-07 18:45:33

jQuery EasyUI 教程的相关文章

jQuery EasyUI 教程-Tabs(选项卡)

使用$.fn.tabs.defaults重写默认值对象. 选项卡显示一批面板.但在同一个时间只会显示一个面板.每个选项卡面板都有头标题和一些小的按钮工具菜单,包括关闭按钮和其他自定义按钮. 使用案例: 创建面板 通过标签和Javascript两种方法来创建选项卡. 1. 通过标签创建选项卡 通过标签可以更容易的创建选项卡,我们不需要写任何Javascript代码.只需要给<div/>标签添加一个类ID’easyui-tabs’.每个选项卡面板都通过子<div/>标签进行创建,用法和

前端基础教程-jQuery EasyUI 的EasyLoader实例

兄弟连前端HTML5培训分享-jQuery EasyUI 的EasyLoader实例 to move panel to other position $('#p').panel('move',{ left:100, top:100 }); 属性: title,类型是string,是显示在面板头部的标题文本,默认值为null. iconcls,类型是string,用一个css class显示在面板上的16x16的图标,默认值为null. width,类型是number,设置面板宽度,默认值是aut

jQuery EasyUI使用教程之创建标签页

<jQuery EasyUI最新版下载> 本教程将展示如何使用easyui创建一个标签组件.标签可以动态地添加或删除多个面板,你可以使用标签在同一个页面上显示不同的实体. 标签一次只能显示一个面板,每个面板都有标题.图表和关闭按钮.当标签被选中之后,会显示相应面板的内容. 查看演示 使用HTML标记创建标签,其中包括一个DIV容器和一些DIV面板. < div class="easyui-tabs" style="width:400px;height:100

jQuery EasyUI使用教程之创建可折叠面板

<jQuery EasyUI最新版下载> 在本教程中,你将学习到有关于easyui折叠面板的知识.折叠面板包含了一系列的面板,其中所有的面板标题都是可见的,但只有一个面板的主体内容在某个时间是可见的.当用户点击面板标题时,该面板的主体内容可见,其他面板的内容将会被隐藏. 查看演示 我们将创建三个面板,其中第三个面板包含了一个树形菜单. < div class = "easyui-accordion" style = "width:300px;height:2

jQuery EasyUI使用教程之创建一个课程表

<jQuery EasyUI最新版下载> 本教程将为你展示如何使用jQuery EasyUI创建一个学校的课程表.我们将创建两个表:学校的科目在左边,时间表在右边,你可以拖动学校科目并将其放在时间表的单元格中.学校的科目是一个"div class='item'"元素,然而时间表单元格是一个"td class='drop'"元素. 查看演示 显示学校科目 < div class = "left" > < table &

jQuery EasyUI使用教程之创建一个拖放的购物车

<jQuery EasyUI最新版下载> 如果你能利用你的web应用程序很容易地实现简单的拖放,那么你一定知道一些特别的东西,使用jQuery EasyUI,我们能在web应用程序中简单地实现拖放功能. 在本教程中,我们将为你展示如何创建一个用户可以拖放他们想要购买的商品到购物车的页面.购物车中的物品和价格将会更新. 查看演示 在页面上显示商品: < ul class = "products" > < li > < a href = "

jQuery EasyUI使用教程之创建一个链接按钮

<jQuery EasyUI最新版下载> 本教程主要为大家展示如何使用jQuery EasyUI创建一个链接按钮.通常情况下,使用"button/"元素来创建一个按钮:使用"a/"元素来创建链接按钮.所以事实上一个链接按钮是一个显示为按钮样式"a/"元素. 查看演示 为了创建一个链接按钮,你所需要做的就是添加一个名为'easyui-linkbutton'的类属性到"a/"元素中: < div style =

jQuery EasyUI使用教程之创建一个简单的菜单

<jQuery EasyUI最新版下载> 本教程将为你展示如何使用jQuery EasyUI创建一个简单的菜单. 查看演示 菜单被定义在一些DIV标记中,如下所示: < div id = "mm" class = "easyui-menu" style = "width:120px;" > < div onclick = "javascript:alert('new')" >New</

jQuery EasyUI使用教程之创建展开行详细编辑表单的CRUD应用

当切换datagrid视图到"detailview"时,用户可以展开一行来显示该行下面的任何详细信息.此功能允许用户为放置在行详细信息面板中的编辑表单提供恰当的布局.在本教程中,我们使用DataGrid组件来减少编辑表单所占用的空间. 查看演示 Step 1:在HTML标记中创建DataGrid <table id="dg" title="My Users" style="width:550px;height:250px"