主要是对它的中文手册进行学习,jQuery EasyUI建立在jquery的基础之上。
easyui学习规律:
jqueryui控件学习时控件与控件之间都有继承关系,有些属性事件方法找不到就去父类里面找。
每一个控件都有自己对应的属性,事件,方法。
开发者在声明(渲染)控件是有两种声明方式(即用控件):
使用基本的html代码声明控件。 class=”easyui-控件名称”。
使用jquery语法声明控件
$(function(){
$("#xxx").控件名称({控件属性:控件属性值,控件属性:控件属性值,控件属性:控件属性值})
})控件名称中是json格式的数据
源码包
下载源码包,之后解压,解压之后可以看到其目录结构,下面对每一个目录下存放的内容进行解释。
demo:案例
demo-mobile:移动版的案例
locale:本地化使用的js文件,使语言成为自己的语言类似于国际化
plugins:插件
src:源码包
themes:就是皮肤默认是浅蓝色,如何想要使用其他的主题可以去官网下,然后将其放到此文件下
jquery.easyui.min.js:是网页开发时页头引入
jquery.min.js:开发时页头引入是压缩版的jquery
jquery.easyui.mobile.js:是移动开发时页头引入
开发环境构建
创建一个动态web项目,在WebContent下新建一个jquery文件夹,从将源码包中本地化文件(留自己需要的语言对应的js文件,想显示英文不用拷)、插件、主题拷贝到jquery文件夹下。
在WebContent新建一个jsp文件,在网页的头部引入下面文件,因为该框架是基于jquery,所以注jquery的引用要在框架的前面。
<link rel="stylesheet" type="text/css" href="jquery/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jquery/themes/icon.css">
<script type="text/javascript" src="jquery/jquery.min.js"></script>