调用ExtJS 5,官方推荐使用SenchaCmd工具来生成一个应用程序架构,若不采用SenchaCmd的,如何通过手工调用呢?
查看官方的DOC文档,在“Welcome to ExtJS"中关于调用ExtJS5的例子,如下:
<!DOCTYPE html>
<html>
<head>
<title>Welcome to Ext JS!</title>
<link rel="stylesheet" type="text/css" href="http://cdn.sencha.com/ext/trial/5.0.0/build/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css">
<script type="text/javascript" src="http://cdn.sencha.com/ext/trial/5.0.0/build/ext-all.js"></script>
<script type="text/javascript" src="http://cdn.sencha.com/ext/trial/5.0.0/build/packages/ext-theme-neptune/build/ext-theme-neptune.js"></script>
<script type ="text/javascript" src="app.js"></script>
</head>
<body></body>
</html>
这是通过CDN方式调用的,从上面红色的三行代码可知,主要是调用ExtJS5下面build目录下的内容,所以可以采取以下方式
在WebContent下建立extjs5目录,然后将下载的ext-5.0.1目录下的build目录拷贝至WebContent\extjs5目录下
WebContent
| +-extjs5
|
| +-build
查看官方的DOC文档,在“Welcome to ExtJS"中关于调用ExtJS5的例子,如下:
<!DOCTYPE html>
<html>
<head>
<title>Welcome to Ext JS!</title>
<link rel="stylesheet" type="text/css" href="http://cdn.sencha.com/ext/trial/5.0.0/build/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css">
<script type="text/javascript" src="http://cdn.sencha.com/ext/trial/5.0.0/build/ext-all.js"></script>
<script type="text/javascript" src="http://cdn.sencha.com/ext/trial/5.0.0/build/packages/ext-theme-neptune/build/ext-theme-neptune.js"></script>
<script type ="text/javascript" src="app.js"></script>
</head>
<body></body>
</html>
这是通过CDN方式调用的,从上面红色的三行代码可知,主要是调用ExtJS5下面build目录下的内容,所以可以采取以下方式
在WebContent下建立extjs5目录,然后将下载的ext-5.0.1目录下的build目录拷贝至WebContent\extjs5目录下
WebContent
| +-extjs5
|
| +-build
+index.html
index.html调用Extjs5方法如下:
<link rel="stylesheet" type="text/css" href="extjs5/build/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css">
<script type="text/javascript" src="extjs5/build/ext-all.js"></script>
<script type="text/javascript" src="extjs5/build/packages/ext-theme-neptune/build/ext-theme-neptune.js"></script>
<script type="text/javascript" src="extjs5/build/packages/ext-locale/build/ext-locale-zh_CN.js"></script>