Ext JS 五初探（一）
日期：2014-05-16 浏览次数：20390 次
Ext JS 5初探（一）
想不到Sencha Cmd 5的提示简洁了那么多，以下是输出：
下面使用Sencha Cmd的Web服务器功能来测试一下生成的应用程序，命令如下：
这个变化可大了，4需要将加载的文件一个个的写上去，这里只需要加载bootstrap.js文件就行了，联样式文件也不需要。下面要研究的就是这个bootstrap.js文件了。由于这个文件代码比较多，所以在下篇文章再给大家分析。
在开始前，先安装好Sencha Cmd 5。然后输入以下命令创建一个测试用的应用程序：
sencha -sdk c:\ext5 generate app TestExt5 C:\TestExt5
想不到Sencha Cmd 5的提示简洁了那么多，以下是输出：
Sencha Cmd v5.0.0.116 [INF] Loading app json manifest... [INF] Writing content to C:\TestExt5/bootstrap.js [INF] Writing content to C:\TestExt5/bootstrap.json
下面使用Sencha Cmd的Web服务器功能来测试一下生成的应用程序，命令如下：
sencha fs web -port 8000 start -map C:\TestExt5
在浏览器地址栏输入“localhost:8000”，会看到如下图所示的效果。应用程序结构和Ext JS 4时生成的应用程序结构一样，只是多了按钮和说明。
下图是生成的目录结构，这个和Ext JS 4时的结构没有变化。
下面来看看具体的文件的内容，首先来看看启动用的index.html文件，代码如下：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>TestExt5</title>
<!-- The line below must be kept intact for Sencha Cmd to build your application -->
<script id="microloader" type="text/javascript" src="bootstrap.js"></script>
</head>
<body></body>
</html>
这个变化可大了，4需要将加载的文件一个个的写上去，这里只需要加载bootstrap.js文件就行了，联样式文件也不需要。下面要研究的就是这个bootstrap.js文件了。由于这个文件代码比较多，所以在下篇文章再给大家分析。
- 1楼u0116059719小时前
- 前辈你好，我还在用那个需要引入好多东西的4.2=。=n我现在遇到的问题是，如果不用服务端仅仅是创建一个HTML页面并引入Ext的话没有问题，引入了ext-lang-zh_CN.js、ext-all.js、和完整的resource文件夹，但是将代码引入服务端（tomcat）后就有问题了，一直显示Uncaught ReferenceError: Ext is not defined ，以前用3.2没遇到过这种问题，大哥你遇到过这种问题吗？路径啥的肯定都对
- Re: tianxiaode9小时前
- 回复u011605971n参考一下这里：http://www.itpub.net/thread-1263365-1-1.html
- Re: tianxiaode8小时前
- 回复u011605971n这个要在firebug的网络面板检查是否已经正确加载了ext-all.js文件或ext-all-debug.js文件。调试最好是使用ext-all-debug.js文件。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
