extjs4不同application通用js怎么放
1个回答
展开全部
ExtJS4的requires是新增的机制，主要是实现异步加载机制，在下面的文章总将为大家介绍下ExtJS4中的requires使用方法，需要的朋友不要错过
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" />
<script type="text/javascript" src="../../extjs4/bootstrap.js"></script>
<script type="text/javascript" src="lesson22.js"></script>
</head>
<body>
<button id="myButton" align="center">show</button>
</body>
</html>
在该代码片中，并未加载ux目录下的MyWin.js文件，那么在加载该页面的时候，并不会把MyWin.js文件同时加载进来，只是在需要的时候再加载。这里的需要是通过点击button来实现的。
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" />
<script type="text/javascript" src="../../extjs4/bootstrap.js"></script>
<script type="text/javascript" src="lesson22.js"></script>
</head>
<body>
<button id="myButton" align="center">show</button>
</body>
</html>
在该代码片中，并未加载ux目录下的MyWin.js文件，那么在加载该页面的时候，并不会把MyWin.js文件同时加载进来，只是在需要的时候再加载。这里的需要是通过点击button来实现的。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
