预装Ext JS&应用程序启动时自定义JavaScript文件

时间:2012-08-30 03:53:14

标签: javascript extjs extjs4.1 preload

我正在创建一个Intranet应用程序,其UI主要使用Ext JS 4.1.1

我创建了几个自定义javascript类,扩展了Ext JS控件和其他用于UI,验证,通信等的代码。

鉴于我的代码不是很大,而且我的应用程序将部署在受控制的&众所周知的环境我最好在应用程序调用(启动)时预先加载所有.js文件。我想知道一种实现这一目标的方法,主要来自Ext JS的内容。

4 个答案:

答案 0 :(得分:2)

你想做的事情是非常平常的。查看部署部分,了解如何使用Sencha SDK创建一个文件,其中包含扩展extjs组件的所有自定义javascript类here

我希望它有用;)

答案 1 :(得分:1)

截至本月,Sencha(测试版)发布了一款经过改进的构建工具。实际上,它是Java中的完全重写(我相信)。 Sencha Cmd就是名字,这就是前任应该存在的一切!

编译时间已经达到其前身的十分之一,现在使用功能强大的命令处理器配置了包/版本。

集成到其他构建框架和CI服务器现在是首要任务,并通过将该工具与ANT集成来实现。

我只花了过去几个小时将项目从旧的Sencha SDK Tools迁移到新的Sencha Cmd。我特别喜欢新的编译器。

文档已经相当不错了。

对于遵循Sencha建议的标准(单页)模式的小型项目,实际上有一系列更高级别的命令可以管理整个应用程序的创建和构建过程。

此外,Sencha现在已经为multi-page applications制定了一个模式。

您可以始终直接使用编译器并在其上实现您自己的构建过程。这就是我们在项目中所做的。

答案 2 :(得分:0)

有一个名为Ext.Loader的课程

答案 3 :(得分:-1)

这更像是一个服务器端问题,而不是Ext JS问题。您想要预先包含所有页面吗?获取JavaScript压缩器以将文件连接在一起,缩小整个包,并将<script>标记添加到Web应用程序的每个页面。

我还在一个大量使用Ext JS(3和4)的Intranet Web应用程序上工作,但我们有相当大的代码库。由于我们使用Tomcat,因此我们有一个Java类,其中包括每个页面上的标准文件,以及该页面所需的任何文件组或单个文件。这样的事情对你也有用。

您可以在需要时使用Ext.Loader进行动态加载,但这听起来并不像您正在寻找的那样。如果您的代码库扩展并且您需要更好的解决方案,那么仍然是一个选择。

编辑:正如评论中所述,我的原始答案未能解决Sencha SDK Tools。我认为将我的回复作为修订答案的一部分会更有益。

虽然这个任务可能正是Sencha SDK的设计目标,但我觉得该产品还不够成熟,不适合生产环境。在撰写本文时,当前版本是2.0.0 Beta 3. Beta,这意味着它仍处于开发阶段,并且显示出来。文档几乎不存在,官方论坛充满了主题声称产品根本不起作用。在这一点上,它只不过是一个玩具。我见过的最有用的文档是Sencha SDK Tools 2.0 and ExtJS4: The Missing Docs,作者甚至以“SDK工具需要大量工作”结束。

当我为生产环境选择产品时,我想要一些稳定,可靠的东西,一些具有良好文档的东西,一些具有高质量支持的东西。 Sencha SDK工具不是这些东西。爱好。