刚开始用TabContainer的时候,没有仔细去看demo,做出来的TabContainer的各个tab页面都必须加载完才能把第一个显示出来,速度相当慢。后来,客户反应速度太慢,才仔细去看了看那个demo,发现用一个css的属性就可以控制同步或者异步加载。现在问题已经解决,留个底,希望对其他人也有帮助。
<div id="mainTabContainer" dojoType="TabContainer" style="width: 100%; height: 70%" selectedTab="tab1" >
<div id="tab1" dojoType="ContentPane" label="Tab 1" style="display: none"></div>
<a dojoType="LinkPane" href="../../tests/widget/tab2.html" refreshOnShow="true" style="display: none">Tab 2</a>
<div dojoType="ContentPane" label="Tab 3" style="display: none"></div>
</div>
其中:控制Tab同步或者异步加载就是style="display: none"这句。
同步加载:style="display: block"
异步加载:style="display: none"
就这一个小小的css属性,就控制了同步或者异步加载,解决问题后,搞得我哭笑不得。。。希望对大家有帮助。
分享到:
- 2007-11-06 16:28
- 浏览 3164
- 评论(0)
- 论坛回复 / 浏览 (0 / 5629)
- 查看更多
相关推荐
Requirejs是由James Burke创建的一个JavaScript库,它的主要功能是解决JavaScript的异步模块加载问题。通过Requirejs,开发者可以按需加载模块,提高页面加载速度,同时使得代码组织更加清晰和模块化。 ### Dojo:...
dojo异步树.js 实现异步加载节点功能
为了解决这个问题,开发者引入了异步加载(Asynchronous Loading)技术,使得JavaScript文件可以在不阻塞页面渲染的情况下加载。`JSLoader`就是这样一种工具,它允许开发者在JSP页面中异步地加载JS文件,提高页面...
首先,Dojo的包加载机制基于AMD(Asynchronous Module Definition)规范,这允许异步加载和定义模块,确保代码的并行加载和延迟加载,从而提高页面性能。在Dojo中,模块和包是组织代码的基本单元。模块是具有独立...
Dojo 是一个强大的JavaScript工具库,它为Web开发提供...每个`code`文件可能就是一个具体的Dojo示例,演示了如何运用这些知识点解决问题。通过深入学习和实践,你可以更好地掌握Dojo库,并高效地开发高质量的Web应用。
dojo异步树js
Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与包) Dojo学习笔记-- djConfig解说 Dojo学习笔记-- dojo.dom Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习...
此外,`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学习...
Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与包) Dojo学习笔记-- djConfig解说 Dojo学习笔记-- dojo.dom Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习...
7. **dojo/ready**:这个模块提供了一个简单的API,确保在DOM准备就绪或文档完全加载后执行代码,避免了常见的“DOM未加载”问题。 8. **dojo/parser**:解析器负责在页面加载时查找标记有`data-dojo-type`属性的...
此外,这个范例可能还探讨了如何通过TabContainer提高用户体验,例如通过异步加载内容来减少页面加载时间,或者通过自定义事件和回调函数来增强交互性。 【标签】"源码"表明这个话题可能包含了实际的代码示例,读者...
Dojo 是一个强大的JavaScript工具包,它为Web开发提供了丰富的功能和组件,涵盖了从DOM操作到数据管理,从动画效果到AJAX通信等各个方面。在Dojo 1.10版离线参考手册中,我们可以深入了解到这个版本的详细信息和使用...
- Dojo 1.7 完全支持AMD,允许开发者异步加载模块,从而提高了页面性能。通过设置`async`属性,可以在`<script>`标签中控制模块的加载方式。 - 异步加载通过`require()`函数实现,开发者需要明确指定所有依赖的...
Dojo Toolkit是一个强大的JavaScript库,提供了丰富的UI组件,其中包括TabContainer,它的功能强大且自适应各种设备。 在JavaScript中实现选项卡功能,通常会涉及到以下几个核心知识点: 1. DOM操作:JavaScript...
`dojo.xd.js`是Dojo的一个特殊版本,用于解决跨域资源共享(CORS)问题。在Web开发中,由于浏览器的安全策略,JavaScript通常不能从不同的域名下加载资源。然而,`xd`(cross-domain)版本的Dojo允许我们在不同的域...
2. **加载器 (AMD - Asynchronous Module Definition)**:Dojo 提供了基于AMD的加载器,使得开发者可以异步地加载和组织代码,提高页面性能。这允许我们在需要时按需加载模块,而不是一次性加载整个库。 3. **数据...
Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,涵盖了从DOM操作、事件处理到AJAX通信、动画效果等各个方面。在深入理解Dojo之前,我们需要了解JavaScript在网页开发中的核心地位以及它...
Dojo采用了AMD(异步模块定义)标准,这允许开发者以非阻塞的方式加载模块。AMD通过`require`和`define`函数支持异步加载和模块依赖,使得代码结构更加清晰,易于管理和维护。模块化是现代Web应用开发的重要原则之一...