jQuery EasyUI之EasyLoader使用

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事件可以用于提示用户可以使用组件了。 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。