刚开始用TabContainer的时候,没有仔细去看demo,做出来的TabContainer的各个tab页面都必须加载完才能把第一个显示出来,速度相当慢。后来,客户反应速度太慢,才仔细去看了看那个demo,发现用一个css的属性就可以控制同步或者异步加载。现在问题已经解决,留个底,希望对其他人也有帮助。
代码
1. <div id="mainTabContainer" dojoType="TabContainer" style="width: 100%; height: 70%" selectedTab="tab1" >
2.
3. <div id="tab1" dojoType="ContentPane" label="Tab 1" style="display: none"></div>
4.
5. <a dojoType="LinkPane" href="../../tests/widget/tab2.html" refreshOnShow="true" style="display: none">Tab 2</a>
6.
7. <div dojoType="ContentPane" label="Tab 3" style="display: none"></div>
8. </div>
其中:控制Tab同步或者异步加载就是style="display: none"这句。
同步加载:style="display: block"
异步加载:style="display: none"
就这一个小小的css属性,就控制了同步或者异步加载,解决问题后,搞得我哭笑不得。。。希望对大家有帮助。
http://mornstar.blog.sohu.com/73013961.html
分享到:
相关推荐
本文将深入探讨如何使用Requirejs实现对Dojo 1.6版本的异步加载,并在Tomcat 6服务器环境下运行。 ### Requirejs:模块加载器 Requirejs是由James Burke创建的一个JavaScript库,它的主要功能是解决JavaScript的...
dojo异步树.js 实现异步加载节点功能
总结来说,`JSLoader`是一种高效的JavaScript异步加载工具,通过它可以优化页面加载速度,同时结合Dojo进度条,能够为用户提供更友好的加载体验。正确地理解和使用`JSLoader`,有助于提升Web应用的整体性能和用户...
首先,Dojo的包加载机制基于AMD(Asynchronous Module Definition)规范,这允许异步加载和定义模块,确保代码的并行加载和延迟加载,从而提高页面性能。在Dojo中,模块和包是组织代码的基本单元。模块是具有独立...
1. **模块系统**:Dojo使用AMD(Asynchronous Module Definition)模块定义协议,允许异步加载模块。`require`和`define`是两个关键函数,`require`用于加载模块,`define`用于定义模块。 2. **dojo/_base**:这是...
dojo异步树js
此外,`djConfig` 还可以配置其他选项,如国际化、异步加载等。 在引入 Dojo 的启动代码 `<script src="/yourpath/dojo.js"></script>` 之后,你可以开始使用 Dojo 提供的预打包的常用功能。为了便于阅读源码,可以...
Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与包) Dojo学习笔记-- djConfig解说 Dojo学习笔记-- dojo.dom Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习...
1. **模块系统(AMD,Asynchronous Module Definition)**:Dojo是AMD规范的先驱,它允许异步加载和组织代码,使得大型项目的结构更加清晰。通过`require`和`define`函数,开发者可以轻松管理依赖关系,提高代码的...
Dojo 是一个强大的JavaScript工具包,它为Web开发提供了丰富的功能和组件,涵盖了从DOM操作到数据管理,从动画效果到AJAX通信等各个方面。在Dojo 1.10版离线参考手册中,我们可以深入了解到这个版本的详细信息和使用...
Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与包) Dojo学习笔记-- djConfig解说 Dojo学习笔记-- dojo.dom Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习...
Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与包) Dojo学习笔记-- djConfig解说 Dojo学习笔记-- dojo.dom Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习...
此外,这个范例可能还探讨了如何通过TabContainer提高用户体验,例如通过异步加载内容来减少页面加载时间,或者通过自定义事件和回调函数来增强交互性。 【标签】"源码"表明这个话题可能包含了实际的代码示例,读者...
Dojo Toolkit是一个强大的JavaScript库,提供了丰富的UI组件,其中包括TabContainer,它的功能强大且自适应各种设备。 在JavaScript中实现选项卡功能,通常会涉及到以下几个核心知识点: 1. DOM操作:JavaScript...
Dojo采用了AMD(异步模块定义)标准,这允许开发者以非阻塞的方式加载模块。AMD通过`require`和`define`函数支持异步加载和模块依赖,使得代码结构更加清晰,易于管理和维护。模块化是现代Web应用开发的重要原则之一...
2. **加载器 (AMD - Asynchronous Module Definition)**:Dojo 提供了基于AMD的加载器,使得开发者可以异步地加载和组织代码,提高页面性能。这允许我们在需要时按需加载模块,而不是一次性加载整个库。 3. **数据...
- Dojo 1.7 完全支持AMD,允许开发者异步加载模块,从而提高了页面性能。通过设置`async`属性,可以在`<script>`标签中控制模块的加载方式。 - 异步加载通过`require()`函数实现,开发者需要明确指定所有依赖的...
Dojo 1.10.0 使用了Asynchronous Module Definition(AMD)加载机制,这是一种异步加载模块的方式,允许在页面加载时按需加载JavaScript文件,减少了整体的页面加载时间。通过`require`和`define`函数,开发者可以...
Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,涵盖了从DOM操作、事件处理到AJAX通信、动画效果等各个方面。在深入理解Dojo之前,我们需要了解JavaScript在网页开发中的核心地位以及它...
例如,`dojo/dom`模块用于获取和操作DOM元素,`dojo/on`用于事件监听,`dojo/request`用于异步数据请求。 3. **Widget系统**:Dojo的UI组件(Widgets)是其一大特色。这些组件包括按钮、表格、对话框、滑块、进度条...