`
jieyuan_cg
  • 浏览: 37512 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

dojo TabContainer 各个tab之间异步加载问题解决

阅读更多
   刚开始用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属性,就控制了同步或者异步加载,解决问题后,搞得我哭笑不得。。。希望对大家有帮助。
分享到:
评论

相关推荐

    Requirejs异步加载Dojo1.6

    Requirejs是由James Burke创建的一个JavaScript库,它的主要功能是解决JavaScript的异步模块加载问题。通过Requirejs,开发者可以按需加载模块,提高页面加载速度,同时使得代码组织更加清晰和模块化。 ### Dojo:...

    dojo异步树.js

    dojo异步树.js 实现异步加载节点功能

    jsloader 异步加载js文件

    为了解决这个问题,开发者引入了异步加载(Asynchronous Loading)技术,使得JavaScript文件可以在不阻塞页面渲染的情况下加载。`JSLoader`就是这样一种工具,它允许开发者在JSP页面中异步地加载JS文件,提高页面...

    dojo的包加载机制

    首先,Dojo的包加载机制基于AMD(Asynchronous Module Definition)规范,这允许异步加载和定义模块,确保代码的并行加载和延迟加载,从而提高页面性能。在Dojo中,模块和包是组织代码的基本单元。模块是具有独立...

    dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程

    Dojo 是一个强大的JavaScript工具库,它为Web开发提供...每个`code`文件可能就是一个具体的Dojo示例,演示了如何运用这些知识点解决问题。通过深入学习和实践,你可以更好地掌握Dojo库,并高效地开发高质量的Web应用。

    dojo异步树js

    dojo异步树js

    dojo精品中文教程(包一)

    Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与包) Dojo学习笔记-- djConfig解说 Dojo学习笔记-- dojo.dom Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习...

    DOJO 学习笔记 dojo

    此外,`djConfig` 还可以配置其他选项,如国际化、异步加载等。 在引入 Dojo 的启动代码 `&lt;script src="/yourpath/dojo.js"&gt;&lt;/script&gt;` 之后,你可以开始使用 Dojo 提供的预打包的常用功能。为了便于阅读源码,可以...

    dojo精品中文教程(全)

    Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与包) Dojo学习笔记-- djConfig解说 Dojo学习笔记-- dojo.dom Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习...

    dojo精品中文教程(包二)

    Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与包) Dojo学习笔记-- djConfig解说 Dojo学习笔记-- dojo.dom Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习...

    Dojo官方教程中文翻译完美版

    7. **dojo/ready**:这个模块提供了一个简单的API,确保在DOM准备就绪或文档完全加载后执行代码,避免了常见的“DOM未加载”问题。 8. **dojo/parser**:解析器负责在页面加载时查找标记有`data-dojo-type`属性的...

    第十个范例——布局之TabContainer

    此外,这个范例可能还探讨了如何通过TabContainer提高用户体验,例如通过异步加载内容来减少页面加载时间,或者通过自定义事件和回调函数来增强交互性。 【标签】"源码"表明这个话题可能包含了实际的代码示例,读者...

    Dojo 1.10版离线参考手册

    Dojo 是一个强大的JavaScript工具包,它为Web开发提供了丰富的功能和组件,涵盖了从DOM操作到数据管理,从动画效果到AJAX通信等各个方面。在Dojo 1.10版离线参考手册中,我们可以深入了解到这个版本的详细信息和使用...

    Dojo 1.7 版本注释.docx

    - Dojo 1.7 完全支持AMD,允许开发者异步加载模块,从而提高了页面性能。通过设置`async`属性,可以在`&lt;script&gt;`标签中控制模块的加载方式。 - 异步加载通过`require()`函数实现,开发者需要明确指定所有依赖的...

    js写的tabcontainer选项卡

    Dojo Toolkit是一个强大的JavaScript库,提供了丰富的UI组件,其中包括TabContainer,它的功能强大且自适应各种设备。 在JavaScript中实现选项卡功能,通常会涉及到以下几个核心知识点: 1. DOM操作:JavaScript...

    dojo模块化实例

    `dojo.xd.js`是Dojo的一个特殊版本,用于解决跨域资源共享(CORS)问题。在Web开发中,由于浏览器的安全策略,JavaScript通常不能从不同的域名下加载资源。然而,`xd`(cross-domain)版本的Dojo允许我们在不同的域...

    dojo起步学习的好例子

    2. **加载器 (AMD - Asynchronous Module Definition)**:Dojo 提供了基于AMD的加载器,使得开发者可以异步地加载和组织代码,提高页面性能。这允许我们在需要时按需加载模块,而不是一次性加载整个库。 3. **数据...

    dojo相关详细资料

    Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,涵盖了从DOM操作、事件处理到AJAX通信、动画效果等各个方面。在深入理解Dojo之前,我们需要了解JavaScript在网页开发中的核心地位以及它...

    dojo-release-1.10.0

    Dojo 1.10.0 使用了Asynchronous Module Definition(AMD)加载机制,这是一种异步加载模块的方式,允许在页面加载时按需加载JavaScript文件,减少了整体的页面加载时间。通过`require`和`define`函数,开发者可以...

Global site tag (gtag.js) - Google Analytics