• 技术文章 >web前端 >js教程

    jQuery EasyUI 的EasyLoader功能介绍_jquery

    2016-05-16 18:19:51原创563
    EasyLoader是可以动态加载脚本和CSS文件,也可以动态加载EasyUI已有组件

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

    比如需要加载linkbutton组件,则可以用下面的两种方式来加载:

    第一种通过设置class来实现:


      加载日历
      只要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
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:EasyUI EasyLoader
    上一篇:Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)_jquery 下一篇:jQuery UI 应用不同Theme的办法_jquery
    Web大前端开发直播班

    相关文章推荐

    • Node更新了,一起看看Node18的新特性!• 怎么获取Node性能监控指标?获取方法分享• Angular如何对请求进行拦截封装?• ie8是否支持es6• react如何实现hooks?必须依赖 Fiber 么?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网