在sencha架构师（ExtJS）中添加js的正确方法？

Posted 2023-02-25

【中文标题】在sencha架构师（ExtJS）中添加js的正确方法？

【英文标题】：correct way to add js in sencha architect (ExtJS)?

【发布时间】：2014-02-06 00:41:30

【问题描述】：

这个thread works well 在移动应用程序中，但在桌面应用程序中，我似乎无法在 extjs 桌面应用程序中添加对外部 JS 的引用。

instructions from Sencha 不知何故不对应，或者当我尝试关注它们时它对我不起作用。所以，我选择 Resources->Library 并且可以看到属性 Include javascript (ticked) 和 Library Base Path:/ext。

我在手机应用程序中使用的 JS 文件很好 - 我将它添加到 app.json 中，然后编译应用程序将文件复制到目标并延迟加载。

在这种情况下，对于 SA，我没有看到文件复制到目标 - 我也无法按照 SA 3 的说明进行操作。我可以添加外部 JS 的唯一方法是手动将其放到文件系统中的 ext 文件夹中。同样，当我运行应用程序时，它不会出现在目标中，并且肯定会出错

Uncaught ReferenceError: hex_sha512 is not defined 

这个JS已经在其他应用中使用过，经过验证和测试，但只是与SA或我对SA的错误使用有关。

【参考方案1】：

在 Sencha Architect 中添加资源的正确方法是添加为 JS 资源。

这很容易通过按 ctrl-t（或 mac 上的 cmd-t）并输入“js 资源”（或其中一些缩短的字符串以获得自动完成）来完成...

也可以使用工具箱，点击“资源”，拖出或双击“JS资源”

这些只是完成相同任务的不同用户界面。

使用上述方法之一添加 JS 资源后，您需要在配置窗格中设置 URL（在右下角，除非您已将 Architect 配置为交换左右窗格）...

URL 将相对于您的项目文件夹进行设置。例如，如果您将 JS 文件复制到名为“lib”的文件夹下的项目根目录中，那么您会将 url 配置设置为“lib/foo.js”——当然，其中 foo.js 是文件名。

希望有帮助！

【参考方案2】：

我对说明缺乏了解或不清楚：

看起来这样做的方法是将眼睛向上看 SA 的右上角并找到 + 按钮，如图所示。

添加 JS 资源并向上滚动，因为它可能隐藏在属性检查器后面。 在属性下设置 url 字段时，JS 的源代码会出现在主编辑窗口中。

在构建应用程序后当然可以正常工作。