jquery-EasyUI---easyloader用法

EasyLoader 的用法

主要base的配置

easyloader.base = '../'; // 设置 easyui 基础目录  
easyloader.load('messager', function(){ // 加载指定模块  
$.messager.alert('Title', 'load ok'); 
});
View Code

参照文档写的方法，发现报错，原因是代码中没有引入easyloader.js这个插件，这个事实现异步加载模块的作用的插件，我们第一次可以不用吧easyui.js css模块都加载进来

通过easyloader这个异步加载模块的方式实现用的时候在加载

 1 <!DOCTYPE html>
 2 
 3 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
 4 <head>
 5     <meta charset="utf-8" />
 6     <title></title>
 7 </head>
 8 <body>
 9 
10     <a id="btnAlert" class="easyui-linkbutton">弹出提示框</a>
11 
12     <script src="scripts/jquery-1.8.0.min.js" type="text/javascript"></script>
13     <script src="scripts/easyloader.js" type="text/javascript"></script>
14 
15     <script type="text/javascript">
16         $(function () {
17 
18             using("messager", function () {
19                 alert("加载成功！");
20             });
21 
22             /*
23             // easyloader 提供了一个函数 load, 使用下面的方法加载模块
24             easyloader.load("messager",
25                function () {
26                    alert("加载成功！");
27                });
28             */
29 
30             $("#btnAlert").click(function () {
31                 $.messager.alert('Warning', 'The warning message');
32             });
33         });
34     </script>
35 </body>
36 </html>

 

 

posted @ 2014-07-05 21:54  昊天翱翔  阅读(416)  评论(0)  编辑  收藏  举报