ExtJS4的需求是一种新的机制，主要实现异步加载机制。这样，当对应的按钮或选项没有被点击时，对应的js文件就不会被加载，提高了加载速度和用户等待时间。通过Ext设置文件搜索的映射目录，实现了requires机制。Loader.setConfig函数，然后在需要的时候使用Ext.require加载相应的js文件。的文件存储结构如下：。

ux文件夹与lesson22.js和lesson22.js在同一个目录中，而MyWin.js则存储在ux文件夹中。lesson2.html的代码如下：复制代码如下：DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN ' ' http://www . w3 . org/TR/HTML 4/strict . DTD ' HTML head meta http-equiv=' Content-Type ' Content=' text/HTML；charset=GBK的titleextjs4桌面/标题！- css - link rel='样式表' type='text/css' href='././ext js4/resources/CSS/ext-all . CSS/'脚本类型=' text/JavaScript ' src=' http :/./ext js4/bootstrap . js '/script script type=' text/JavaScript ' src=' http : less 22 . js '/script/head body Button id=' my Button ' align=' center ' show/Button/body/html此代码片段中未加载ux目录中的htmlMyWin.js文件，因此在加载页面时不会同时加载MyWin.js文件，只会在必要时加载。这里的需求是通过点击按钮来实现的。lesson22.js文件如下：复制的代码如下：(function(){ ext . loader . setconfig({ enabled : true，//enable异步加载模式路径： {myapp3360 '第2课/UX'/声明文件的位置})；ext . onready(function(){ Ext . require(' UX。MyWin '，function(){ var MW=Ext . create(' UX。MyWin '，{ title : ' my Test ' })；Ext.get('myButton ')。on('click '，function(){ MW . show()；});});});})();ux目录中的MyWin.js文件如下：复制代码如下：ext.define ('ux.mywin '，{extend:' ext.window.window '，title : ' registration '，width :400，height :300 })；注意：这里的文件名MyWin和函数名必须相同。我试过了，如果不一样就不显示了。一开始在uspcat上用ExtJS4教学视频第二讲的写作方法，但是还是得不到想要的结果，可能是版本的问题，也可能是自己的问题。通过这种修改，我可以使用requires方法。因此，这是为有同样困惑的人准备的。