jQuery EasyUI网站开发实战
2020-04-07 14:01:11 1 举报
AI智能生成
jQuery EasyUI网站开发实战
作者其他创作
大纲/内容
5 数据表格基础组件
5.1 pagination(分页)
5.1.1 属性
5.1.2 方法
5.1.3 事件
5.2 datagrid表格与列属性
5.2.1 标签方式创建数据表格
5.2.2 JS方式创建数据表格
5.2.3 datagrid表格的列属性
5.3 datagrid数据加载及分页排序
5.3.1 url方式加载表格数据
5.3.2 数据分页与排序
5.3.3 loader与loadFiler
5.3.4 与datagrid数据加载、分页、排序相关的属性汇总
5.4 datagrid外观、编辑器及视图属性
5.4.1 行、列操作属性
5.4.2 顶部工具栏及其他附加按钮
5.4.3 编辑器属性
5.4.4 视图属性
5.5 datagrid方法
5.5.1 常规方法
5.5.2 选择数据行与返回数据方法
5.5.3 数据记录编辑方法
5.5.4 数据加载与刷新方法
5.6 datagrid事件
5.6.1 数据加载事件
5.6.2 选择行、排序及右键菜单事件
5.6.3 单击、双击及编辑事件
5.7 datagrid之CRUD完整实例
5.7.1 在页面中增加相应的DOM元素
5.7.2 对操作按钮和查询项目的初始化
5.7.3 增改删事件前端代码
5.7.4 增改删事件后台代码
5.7.5 数据查询
6 数据表格增强组件
6.1 propertygrid(属性表格)
6.1.1 行数据
6.1.2 新增属性和方法
6.2 datalist(数据列表)
6.3 combogrid(表格下拉框)
6.3.1 本地数据的加载与查询
6.3.2 远程数据的加载与查询
6.3.3 将表格下拉框作为编辑器使用
6.4 treegrid(树形表格)
6.4.1 新增属性
6.4.2 方法
6.4.3 事件
6.4.4 远程数据加载综合实例
6.4.5 不存在父节点id列的远程数据加载
6.5 combotreegrid(树形表格下拉框)
6.5.1 新增属性
6.5.2 新增方法
7 数据表格功能扩展
7.1 edatagrid(可编辑数据表格)
7.1.1 新增属性
7.1.2 新增方法
7.1.3 新增事件
7.2 datagrid-cellediting(单元格编辑表格)
7.2.1 新增属性
7.2.2 新增方法
7.2.3 新增事件
7.3 columns-ext(列扩展表格)
7.3.1 基于datagrid扩展的方法
7.3.2 基于treegrid扩展的方法
7.3.3 新增事件
7.4 datagrid-dnd(可拖放行的数据表格)
7.4.1 新增属性
7.4.2 新增方法
7.4.3 新增事件
7.5 treegrid-dnd(可拖放行的树形表格)
7.5.1 新增属性
7.5.2 新增方法
7.5.3 新增事件
7.6 datagrid-filter(可过滤行的数据表格)
7.6.1 新增属性
7.6.2 新增方法
7.6.3 新增事件
7.7 datagrid-view(数据表格视图)
7.7.1 DetailView(详细视图)
7.7.2 GroupView(分组视图)
7.7.3 BufferView(缓存视图)
7.7.4 ScrollView(滚动视图)
7.8 pivotgrid(数据分析表格)
7.8.1 新增属性
7.8.2 新增方法
8 其他功能扩展
8.1 etree(可编辑树)
8.1.1 新增属性
8.1.2 新增方法
8.2 color(颜色下拉框)
8.3 texteditor(文本编辑器)
8.3.1 新增属性
8.3.2 新增方法
8.4 ribbon界面菜单
8.4.1 标签创建方式
8.4.2 JS创建方式
8.4.3 新增成员
8.5 RTL支持
8.6 portal(门户)
8.6.1 属性
8.6.2 方法
8.6.3 事件
导论 使用EasyUI框架实现快速开发
0.1 下载并使用EasyUI框架
0.1.1 下载EasyUI程序开发包
0.1.2 框架文件结构
0.1.3 在页面中使用框架
0.1.4 确定页面主题风格及配色
0.2 简单的登录窗口设计
0.2.1 代码总体结构
0.2.2 页面内容代码解析
0.2.3 试运行
0.3 完善登录窗口界面
0.3.1 选择要操作的DOM对象
0.3.2 应用EasyUI组件
0.3.3 设置组件属性
0.4 用户输入验证
0.4.1 用户名验证
0.4.2 密码验证
0.4.3 执行登录验证
0.5 通过回车键快速移动光标
0.5.1 jQuery事件与EasyUI组件事件
0.5.2 将需要重复利用的事件代码封装为函数
0.6 向服务器提交验证
0.6.1 客户端JS程序代码
0.6.2 服务器端PHP程序代码
0.7 用户会话控制
0.7.1 什么是会话控制
0.7.2 添加“用户退出”功能
0.7.3 门户型网站的登入、登出设计
1 布局类组件
1.1 panel(面板)
1.1.1 属性
1.1.2 方法
1.1.3 事件
1.2 tabs(选项卡)
1.2.1 属性
1.2.2 方法
1.2.3 事件
1.3 accordion(分类选项卡)
1.3.1 属性
1.3.2 方法
1.3.3 事件
1.4 layout(布局)
1.4.1 通过页面标签创建
1.4.2 通过JS代码管理布局
2 基础工具类组件
2.1 draggable(拖动)
2.1.1 属性
2.1.2 方法
2.1.3 事件
2.2 droppable(放置)
2.2.1 放置组件的属性、方法和事件
2.2.2 综合实例
2.3 resizable(调整大小)
2.3.1 属性
2.3.2 方法
2.3.3 事件
2.4 window(窗口)
2.4.1 属性
2.4.2 方法
2.4.3 事件
2.5 dialog(对话框)
2.5.1 属性
2.5.2 方法
2.5.3 事件
2.6 progressbar(进度条)
2.6.1 属性
2.6.2 方法
2.6.3 事件
2.7 slider(滑动条)
2.7.1 属性
2.7.2 方法
2.7.3 事件
2.8 tooltip(提示框)
2.8.1 属性
2.8.2 方法
2.8.3 事件
2.9 messager(消息框)
2.9.1 消息框
2.9.2 警告框
2.9.3 确认框
2.9.4 输入确认框
2.9.5 进度消息框
2.10 calendar(日历)
2.10.1 属性
2.10.2 方法
2.10.3 事件
2.10.4 实例扩展
3 树、菜单与按钮类组件
3.1 tree(树)
3.1.1 静态树的创建
3.1.2 动态树的创建
3.1.3 属性列表
3.1.4 方法列表
3.1.5 事件列表
3.2 menu(菜单)
3.2.1 菜单创建与菜单项属性
3.2.2 菜单属性
3.2.3 菜单方法
3.2.4 菜单事件
3.2.5 将树应用于菜单中
3.3 linkbutton(按钮)
3.3.1 属性
3.3.2 方法
3.3.3 事件
3.4 menubutton(菜单按钮)
3.4.1 属性
3.4.2 方法
3.4.3 事件
3.5 splitbutton(分割菜单按钮)
3.6 switchbutton(开关按钮)
3.6.1 属性
3.6.2 方法
3.6.3 事件
4 表单类组件
4.1 validatebox(验证框)
4.1.1 全部成员
4.1.2 验证规则
4.1.3 提示信息
4.2 textbox(文本框)
4.2.1 属性
4.2.2 方法
4.2.3 事件
4.3 passwordbox(密码框)
4.3.1 属性
4.3.2 方法
4.3.3 事件
4.4 searchbox(搜索框)
4.4.1 属性
4.4.2 方法
4.4.3 事件
4.5 combo(下拉框)
4.5.1 创建下拉框
4.5.2 属性、方法和事件
4.5.3 单选与复选的完整实例
4.6 combobox(列表下拉框)
4.6.1 属性
4.6.2 方法
4.6.3 事件
4.7 combotree(树形下拉框)
4.7.1 属性
4.7.2 方法
4.7.3 事件
4.8 tagbox(标签框)
4.8.1 创建标签框
4.8.2 新增成员
4.8.3 列表数据过滤
4.8.4 远程列表数据加载问题
4.9 numberbox(数值输入框)
4.9.1 属性
4.9.2 方法
4.9.3 事件
4.10 spinner(微调器)
4.10.1 属性
4.10.2 方法
4.10.3 事件
4.11 numberspinner(数值微调器)
4.11.1 标签方式创建
4.11.2 JS方式创建
4.12 timespinner(时间微调器)
4.12.1 属性
4.12.2 方法
4.12.3 事件
4.13 datetimespinner(日期时间微调器)
4.13.1 formatter属性
4.13.2 parser属性
4.13.3 重新设定selections属性
4.14 datebox(日期输入框)
4.14.1 属性
4.14.2 方法
4.14.3 事件
4.15 datetimebox(日期时间输入框)
4.15.1 属性
4.15.2 方法
4.16 filebox(文件框)
4.17 form(表单)
4.17.1 表单数据提交流程
4.17.2 form组件成员
4.17.3 文件上传
0 条评论
下一页