1.首先到官网下载包http://www.jeasyui.net/download/,把包复制进项目中,然后在需要用到的页面导入以下五条语句。

注:一定要先导入jQuery文件(第五行)再导jQueryeasyUI(第6行)文件,因为easyUI是基于jQuery的~

EasyUi入门教程01

2.导入以后

2.1可以通过在div中声明class来使用easyUI样式(以easyui-dialog样式为例)(推荐使用)

EasyUi入门教程01

得到如下效果

EasyUi入门教程01

2.2也可以通过div的id用方法调用样式

EasyUi入门教程01

效果如下:

EasyUi入门教程01

3.如果有强迫症,不想像开头导入那么多东西,可以使用easyloader,这样只用导入2条

EasyUi入门教程01

3.1导入以后,也可以通过在div中声明class来使用easyUI样式(以easyui-dialog样式为例)代码和效果同上2.1

3.2也可以通过div的id用方法调用样式(可以加载多个样式)

EasyUi入门教程01

加载一个样式和2个样式的结果如下~

EasyUi入门教程01EasyUi入门教程01




相关文章: