html 引入easyui文件,jQuery Easy UI学习（1）——如何使用easyui，导入js顺序



一、首先在WebRoot目录下创建js文件夹，导入压缩好的完整的easy-ui的js包。

二、在HTML的页面中导入easy ui 的js

1、一次导入所有js：(建议用这种)

<1>.引用jQuery的js文件

<2>.引用Easy UI的Js文件

<3>.导入Easy UI的主题Css文件

<4>.导入Easy UI的图标Css文件

<5>.引用Easy UI的国际化文件         以下为让它显示中文

<6>.页面上加上UTF-8编码

<7>.使用组件(以dialog为例)

$(function(){

$('#dd').dialog({

modal:true

});

});

或使用class添加组件：(这一个同时可用于单个导入)

$(function());

2、导入单个js：

<1>.引用jQuery的Js文件

<2>.引用easyLoader.js

<3>.使用组件(同上例)

$(function(){

easyloader.load('dialog',function(){

$('#dd').dialog({

modal : true

});

});

});

/* easyloader可以换成using */

如果要加载两个组件的话，使用数组:

$(function(){

easyloader.load(['dialog','messager'],function(){

$('#dd').dialog({

modal : true

});

$.messager.alert('Title','load ok');

});

});