课程目标动画easyui教学大纲.pdfVIP

课程目标

掌握JQEasyui使用

完成一个基于三层的相对完整的小项目

大致了解CRM(客户关系管理系统)

了解ckeditor

教学内容

Easyui简介

1、easyui简介、

2、easyui文件说明

Easyui安装使用(可以一起)

1、简单的安装方式

2、Easyloader安装方式

3、最少文件安装

4、控件创建方式之—HTML方式

5、HTML属性配置方式data-options自定义属性

6、控件创建方式之二Jquery方式

Panel、linkbutton、messager、layout

1、panel基本配置

2、panel的tools属性

3、layout布局简介

4、linkbutton的使用

5、messager的使用

6、创建layout布局

7、使用add方法动态添加面板

8、把整个页面定义成layout布局

完成项目的用户登录、主页面布局

Tabs、Accordion

1、创建一个tabs

2、添加固定的tab页

3、使用add方法添加tab页

4、的tools与tabs的tools

Easyui的及方法

1、easyui的在api里都能查询到

2、easyui的都是以对象属性的方式存在

3、easyui调用方法的方式比较特殊,是把方法名称作为参数

Tree

1、创建本地树形菜单

2、Tree的node节点说明

3、创建树形菜单

完成项目的功能菜单需求

Grid数据表格

1、创建一个简单的dataGrid

2、创建自适应表格,除了要设置fitColumns:true外所有的

column的宽度必须相等,singleSelect属性设置单选,

striped属性设置斑马线功能

3、给表格添加固定列

4、表格的toolbar

a)数组方式

b)方式,

5、格式化显示formatter

6、其他常见属性

a)hidden:隐藏改列

b)checkbox:是否显示复选框

c)align:数据显示位置,left,right,center

d)halign:列标题显示位置,left,right,center

e)resizable:是否允许调整大小

f)rownumbers:是否显示行号

7、请求数据

8、分页

a)设置pagination属性为true

b)在请求服务器的是时候会提交两个参数

i.Rows:代表请求条数

ii.Page:请求页数

c)服务器返回的json对象必须包含两个内容

i.Total:总条数

ii.Rows:分页数据

d)pageNumber、pageSize、pageList分别设置初始化请求

页、每页显示条数、可选的每页条数

完成项目用户管理模块的第一个功能

jQuery.extend

extend主要用于合并对象属性，在开发中这是一个很常用的方法

1、基本使用

方法原型如下

jQuery.extend(target,[object1][,objectN])

意思是将object1,objectN...合并到target中,返回值为合并后

的target。