1、EasyUI
EasyUI的概述
什么是EasyUI
jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签
常见的版本:
EasyUI1.4和1.5
下载EasyUI
http://www.jeasyui.net/download/
EasyUI的使用(入门)
EasyUI的使用
引入EasyUI的开发JS和CSS
EasyUI的使用有两种方式:
一种:CSS的方式
二种:编写JS的方式
EasyUI布局
EasyUI的布局介绍
EasyUI的布局使用
EasyUI分类
EasyUI的分类的介绍
EasyUI的分类的使用
EasyUI选项卡
EasyUI的选项卡的介绍
EasyUI的选项卡的使用
在CRM页面上应用选项卡加载数据
EasyUI数据表格(*****)
EasyUI的数据表格介绍
EasyUI的数据表格的使用
从数据库查询数据显示到数据表格中
环境准备
引入jar包
引入配置文件
创建包和类
将类配置到Spring中
加载数据到数据表格中
在customer.html中添加数据表格
编写Action中的findAll的方法
在页面中显示数据到数据表格中
注意
1、我做这个案例的时候明明很简单的,却出现了很多问题,搞的心态崩了,首先是写了表格的url,但是一直调用不到action,是因为我设置了权限过滤器,我以为这个权限过滤器只过滤登录的(忘了),后来在页面直接调用这个action才知道是过滤器的问题,浪费了2小时,以后出现类似问题一定要调用一下action
2、调用到了action但是获取不到数据,我直接调用了action显示错误,是因为类型转换失败,这里可以看一篇文章:net.sf.json.JSONException: java.lang.reflect.InvocationTargetException
也就是说是延迟加载的问题,但是我已经配置了opensession了,但是这可能是easyui的问题,导致配了还是错误,黑马的视频里也没说要把customer实体改一下…
EasyUI的窗口
EasyUI的窗口介绍
EasyUI的窗口的使用
注意:
1、所有的控件都可以查看文档,很简单也很全面
2、javascript的eval方法,可以将String转为脚本语言(json、html),可以查文档了解
3、表格重新加载等效果应该写在信息成功保存的下面(});
前)
4、关于easyUI增删改查比较完整的案例代码可以看资料