jQuery EasyUI 的EasyLoader功能介绍_jquery

EasyLoader是可以动态加载脚本和CSS文件,也可以动态加载EasyUI已有组件

需要引用EasyLoader.js文件,注意:这里就不需要引用jquery.easyui.min.js文件了。

比如需要加载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方法的简写。

常用属性:

1) Locale: 本地化

用法:easyloader.locale = "zh_CN"; // 本地化设置

2) Theme: 主题

用法:easyloader.theme = "gray"; // 设置主题

事件:

1) onProgress: 每个组件加载完成后触发

2) onLoad:在onProgress事件后触发,当组件以及关联组件全部加载完成后触发

两者的区别可以从名称中看出端倪,onProgress事件可以用来显示进度,而onLoad事件可以用于提示用户可以使用组件了。

  示例代码: EasyUI.EasyLoader.rar

时间: 2024-11-08 21:56:26

jQuery EasyUI 的EasyLoader功能介绍_jquery的相关文章

读jQuery之六 缓存数据功能介绍_jquery

很多同学在项目中都喜欢将数据存储在HTMLElement属性上,如 复制代码 代码如下: <div data="some data">Test</div> <script> div.getAttribute('data'); // some data </script> 给页面中div添加了自定义属性"data"及值"some data".后续JS代码中使用getAttribute获取. jQuer

jquery easyui滚动条部分设置介绍_jquery

在使用dialog插件时,默认是屏幕居中的,但是当页面出现滚动条时,dialog并没有随着滚动条往下滚动,这时就需要用户滑动滚动条来定位dialog,这不人性化,在说出解决方案前先来普及一下jquery关于定位的几个方法 复制代码 代码如下: //获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的文档宽度 $(docume

详解jquery easyui之datagrid使用参考_jquery

本文介绍了jquery easyui之datagrid使用,具体如下: 创建datagrid 在页面上添加一个div或table标签,然后用jquery获取这个标签,并初始化一个datagrid.代码如下: 页面上的div标签: <div id="magazineGrid"> </div> js代码: $('#magazineGrid').datagrid({ height: 340, url: 'url', method: 'POST', queryParam

基于jQuery插件的页面功能介绍引导页示例

新产品上线或是改版升级,我们会在用户第一次使用产品时建立一个使用向导,引导用户如何使用产品,如使用演示的方式逐一介绍界面上的功能模块,从而提升了用户体验和产品的亲和力. 查看演示 下载源码 之前也有相关文章介绍:<构建一个用于产品介绍的WEB应用>,相信对有需要的朋友有帮助.本文将介绍另一款基于jQuery的页面引导页插件:pagewalkthrough.js,来看如何使用它. HTML 首先记得加载所需的css文件和jQuery库文件,以及pagewalkthrough插件.   <!

jQuery EasyUI Tab 选项卡问题小结_jquery

需要解决的问题: 比如说 我先把行政区域的页面打开之后,我又把产品类型管理的页面打开,之后我再产品类型管理里添加了一条数据,当我点击横着的行政区域选项卡时,我需要使用到产品类型管理岗添加的数据,但是在行政区域里不存在那条数据.我就想让这条数据显示出来,所以我就想当我点击横着的选项卡的时候,我就想让刷新一下页面.这时那条数据就会显示出来. 主要是我完全不知道我点击横着的选项卡触发的事件.代码如下: html 选项卡 <div data-options="region:'center',col

jquery原理以及学习技巧介绍_jquery

对于JQuery,想必大家都很熟悉.目前,很多web项目,在实施的过程中,考虑到各浏览器原生JS API的兼容性,大都会选用JQuery或类似于JQuery这样的框架来进行网页效果开发.JQuery上手简单,也很容易学,即使是刚接触JQuery的开发人员,借助JQuery手册,也很快能在项目中使用开发. 虽然JQuery相对简单,但要全面掌握,且快速灵活的使用它也并不那么容易,它提供了很多方法,包含了网页开发的各个知识面,所以要全面掌握这些知识点,个人认为还是需要对jquery有深入的理解,对这

jQuery表单验证功能实例_jquery

本文实例讲述了jQuery表单验证功能.分享给大家供大家参考.具体如下: 这里使用jquery实现的表单验证效果,以Ajax方式验证你的表单是否填写正确,如果验证不通过,会将表单元素背景变成红色,并给出提示信息,简单实用,jquery表单验证功能已经有很多了,本款表单验证特效看上去更简单,不懂Ajax的朋友,或许直接套用即可实现无刷新表单验证功能. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-table-form-check-c

jQuery simpleModal插件的使用介绍_jquery

SimpleModal是一个轻量级的jQuery插件,它提供了一个模式对话框发展强大的接口.是一个模态对话框的框架. SimpleModal使您可以灵活地构建任何你可以设想,而屏蔽相关的跨浏览器问题. (0)写在前面 jquery.simpleModal.浏览器这三者的兼容性,不仅显示在报错上,还体现在所呈现的效果不是预期上. 说一下我的环境 jquery-1.8.3.js jquery.simplemodal.js 1.4.4 chrome49 去官网下载simpleModal,可以省去很多麻

自己动手制作jquery插件之自动添加删除行功能介绍_jquery

这是一个我认为功能基本完善的插件,它包括添加.删除.插入.上下移动.索引标识. 数量控制等功能,基本上能满足大部分多行添加的需求,当然,在完成这些功能的前提下,我也尽量保持较少的代码量和易理解的逻辑性.      这个插件的演示页面是http://www.lovewebgames.com/demo/autoAdd/autoAdd.html ,引用自己动手制作jquery插件之自动添加删除行(上)里的介绍,这是一个简单的插件,它的作用是:一个系统中有大量的需要对一个行进行复制添加,希望能够进行批量