学习要点:
1.引入必要的文件
2.加载 UI 组件的方式
3.使用 easyload.js 智能加载
4.Parser 解析器
本文重点了解 EasyUI 的两种使用方法,包含不同的加载已经 easyload 智能按需加载。最后了解一下 Parser 解析器的用法。
注意:所有的代码将在文章的最后页统一引入
一. 引入必要的文件
由于刚刚更新了 jQuery EasyUI1.4.4,这个小微版本的更新主要是内部优化和 UI 的一些微调,本身不影响学习。之前我们采用 1.2.4 版本的中文手册学习 1.3.5 都没有什么
障碍,所以,不必担心版本问题。
我们在整个文章中JQuery EasyUI的目录结构都如下图所示
easyui文件夹是保存JQuery EasyUI的所有要使用的文件
JS文件夹是保存我们自己的JS文件的
index.html是保存我们自己书写的html代码
1 //引入 jQuery 核心库,这里采用的是 2.02
3 //引入 jQuery EasyUI 核心库,这里采用的是 1.4.44
5 //引入 EasyUI 中文提示信息6
7 //引入自己开发的 JS 文件8
9 //引入 EasyUI 核心 UI 文件 CSS10
11 //引入 EasyUI 图标文件12
PS:引入完毕后,我们就可以编写 jQuery EasyUI 代码了。
二、加载 UI 组件的方式
加载 UI 组件有两种方式:1.使用 class 方式加载;2.使用 JS 调用加载。
1 //使用 class 加载,格式为:easyui-组件名2
3 内容部分4