ExtJS4中的requires使用方法

最新推荐文章于 2016-08-30 09:45:24 发布

Sunny123

最新推荐文章于 2016-08-30 09:45:24 发布

阅读量7.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： ExtJS4学习文章标签： extjs4 异步 js requires 学习

本文链接：https://blog.youkuaiyun.com/sunshaodong_1988/article/details/17091445

本文介绍了ExtJS4中requires机制的使用，该机制通过Ext.Loader.setConfig配置文件路径，并利用Ext.require进行异步加载，提高页面加载速度。在示例中，详细展示了如何在lesson2.htm中正确引用ux文件夹中的MyWin.js，解决了一开始遇到的问题，供学习者参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ExtJS4的requires是新增的机制，主要是实现异步加载机制。这样在不点击对应的按钮或者选项的时候就不会加载对应的js文件，提高了加载速度和用户等待时间。

requires机制的实现通过一个Ext.Loader.setConfig函数来设置文件寻找的映射目录，然后在需要用到对应js文件的时候使用Ext.require进行加载。

文件的存储结构如下所示：

ux文件夹和lesson2.htm和lesson22.js在相同的目录下，而使用到的MyWin.js存放在ux的文件夹中。

在lesson2.html中的代码如下所示：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>extjs4 desktop</title>
	<!-- css -->
    <link rel="stylesheet" type="text/css" href="../../extjs4/resources/css/ext-all.css" />
    
    &l