<!-- 引入 jQuery EasyUI 核心库 -->
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui-1.5/jquery.easyui.min.js" ></script>
<!-- 引入EasyUI的样式文件-->
<link rel="stylesheet" href="${pageContext.request.contextPath}/jquery-easyui-1.5/themes/default/easyui.css" type="text/css"/>

如果只用到 EasyUI 的其中几个组件,将其全部引入就很大,使项目多出很多用不到的东西。但是,如果单独引入又不知道用到的组件依赖了哪些组件。

jQuery EasyUI是一款基于JQuery的UI高速搭建组件。
EasyLoader是能够动态载入脚本和CSS文件。也能够动态载入EasyUI已有组件。须要引用EasyLoader.js文件

<!-- 引入jQuery 核心库-->
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui-1.5/jquery.min.js"></script>
<!-- 引入easyLoader.js -->
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui-1.5/easyloader.js"></script>

比如要载入linkbutton组件。则能够用以下的两种方式来载入:
第一种通过设置class来实现:

<a href="#" class="easyui-linkbutton" onclick="load1()">载入日历</a>

仅仅要class设置了easyui-组件名,easyloader就会自己主动动态载入对应的组件

另外一种通过脚本来实现:

using('calendar', function () {alert("载入成功!") ;
});

或者

easyloader.load('calendar', function () { alert("载入成功。") });

这里using 等同于 easyloader.load,也就是说using是 easyloader.load方法的简写。

使用脚本库总要加载一大堆的样式表和脚本文件,在easyui 中,除了可以使用通常的方式加载之外,还提供了使用 easyloader 加载的方式。这个组件主要是为了按需加载组件而诞生。什么情况下使用它呢?

  1. 你觉得一次性导入 easyui 的核心 min js 和 css 太大
  2. 你只用到 easyui 的其中几个组件
  3. 你想使用其中的一个组件,但是你又不知道这个组件依赖了那些组件。 如果你有以上三中情况,那么推荐你使用easyLoader。它可以帮你解决这些问题。
    easyloader 用来帮助我们自动加载所需的脚本文件和样式文件,这样,我们只需要在页面中引用 jquery 脚本 和 easyloader 脚本,easyloader 就可以帮助我们分析模块的依赖关系,先加载依赖项。模块加载好了会调用parse模块来解析页面。把class是easyui开头的标签都转化成 easyui的控件。

用法

加载 EasyUI 模块

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

通过绝对 url 加载脚本

using('http://code.jquery.com/jquery-1.4.4.min.js', function(){
// ...
});

通过相对 url 加载脚本

using('./myscript.js',
function(){
// ...
});
名称 类型 描述 默认值
modules object 预定义的模块。
locales object 预定义的语言环境。
base string easyui 的基本目录,必须以 '/' 结尾。 基本目录将被自动相对于 easyload.js 进行设置
theme string 定义在 'themes' 目录下的主题名称。 default
css boolean 定义当加载模块的时候是否加载 css 文件。 true
locale string 语言环境名称。 null
timeout number 以毫秒为单位的超时值,如果超时发生就触发。 2000

EasyUI Easyloader 加载器相关推荐

  1. 03 jquery easyui 之 easyLoader 加载器

    EasyLoader 是可以加载CSS样式.脚本.动态加载easyui组件.需要使用到easyloader.js,就不使用jquery.easyui.min.js 加载 EasyUI 模块 1 2 3 ...

  2. javascript模块化、模块加载器初探

    最常见网站的javascript架构可能是这样的: 一个底层框架文件,如jQuery 一个网站业务框架文件,包含整站公用业务模块类(如弹框.ajax封装等) 多个业务文件,包含每个具体页面有关系的业务 ...

  3. JS框架设计之加载器所在路径的探知一模块加载系统

    1.要加载一个模块,我们需要一个URL作为加载地址,一个script作为加载媒介,但用户在require是都用ID,我们需要一个将ID转换为URL的方法,思路很简单,强加个约定,URL的合成规则是为: ...

  4. android 加载器loader详解

     Loaders loader在android 3.0之后才被引入,它简化了在activity和fragment中异步加载数据的步骤(个人认为简化是次要的,更重要的是优雅的实现了异步加载),loa ...

  5. webpack配置vue组件加载器

    前言 App.vue单文件组件代码 <template><div><h1>App根组件</h1></div> </template&g ...

  6. webpack中loader加载器(打包非js模块)

    通过loader打包非js模块 我这儿用VScode为编辑器 在实际开发过程中,webpack默认只能打包处理以.js后缀名结尾的模块,其他非. js后缀名结 尾的模块,webpack 默认处理不了, ...

  7. AngularJs2与AMD加载器(dojo requirejs)集成

    现在是西太平洋时间凌晨,这个问题我鼓捣了一天,都没时间学英语了,英语太差,相信第二天我也看不懂了,直接看结果就行. 核心原理就是require在AngularJs2编译过程中是关键字,而在浏览器里面运 ...

  8. C编译器、链接器、加载器详解

    一.概述 C语言的编译链接过程要把我们编写的一个c程序(源代码)转换成可以在硬件上运行的程序(可执行代码),需要进行编译和链接.编译就是把文本形式源代码翻译为机器语言形式的目标文件的过程.链接是把目标 ...

  9. AMD加载器实现笔记(四)

    继续这一系列的内容,到目前为止除了AMD规范中config的map.config参数外,我们已经全部支持其他属性了.这一篇文章中,我们来为增加对map的支持.同样问题,想要增加map的支持首先要知道m ...

最新文章

  1. 书评 | 如何让开发中的各种文档变活?《活文档》阅读总结
  2. 独家 | 如何用简单的Python为数据科学家编写Web应用程序?(附代码链接)
  3. Java 几种showMessageDialog的表示
  4. 微软全部正版软件下载地址和序列号索取
  5. CentOS7中使用yum安装Nginx的方法(亲测启动方法)
  6. 剑指offer之51-55题解
  7. bcrypt的简单使用
  8. 2年工作经验进 初创公司_沟通是关键:通过两家初创公司获得的成长经验教训+找工作...
  9. 论文浅尝 - SWJ | 基于知识图谱和注意力图卷积神经网络的可解释零样本学习
  10. Bootstrap3 源码版本的文件结构
  11. Uva 12657 Boxes in a Line 双向链表
  12. java布尔值_Java中的布尔值与布尔值
  13. MS word自带公式编辑器、MathType、AxMath三种公式编辑器的比较
  14. 要学习使用 calib3D 模块在图像中创建 3D 效果-姿势估计
  15. 对于计算机课程的期待,关于初中计算机论文
  16. PostgreSQL安装(绿色版)
  17. 字体加粗造成文字抖动
  18. rss阅读器保存html文件,4款在线RSS阅读器使用体验
  19. 多元回归分析(multiple regression)及其应用
  20. js-isNaN | Number.isNaN

热门文章

  1. Java 高阶 —— native 关键字与 JNI
  2. linux 代码行数统计利器 ——cloc
  3. 学习算法收敛条件的判断
  4. 经典书单 —— 计算机图形学
  5. Spark MLlib 编程
  6. 动态规划 —— 阶乘
  7. Hadoop HDFS 的 Java API 操作方式
  8. python与excel-Python与Excel 不得不说的事情
  9. vb还是python强大-VB已死,Python当立 | 忆云竹
  10. 如何系统的自学python-自学Python应该如何正确系统学习,避免少走弯路