extjs - 动态加载 javascript 文件

Question

我正在尝试将 Nivo 图表添加到基于 ExtJS 的应用程序中。如果我为 Nivo 图表生成构建，那么它会创建多个文件。我需要在我的 ExtJS 应用程序中动态加载它们。最好的方法是什么？

此外，Nivo 图表构建会生成一个 index.html 文件，其中包含所有 javascript 文件的引用。那么有没有办法使用 index.html 在 ExtJS 中加载所有这些脚本文件？

标签： extjs

Answer 1

有两种方法：

1. 同步：https ://docs.sencha.com/extjs/7.3.1/modern/Ext.Loader.html#method-loadScript

    Ext.Loader.loadScriptsSync(url);

2. 异步：https ://docs.sencha.com/extjs/7.3.1/modern/Ext.Loader.html#method-loadScript

    Ext.Loader.loadScript({
        url: scriptUrl,
        onLoad: fn
    });