使用来自extjs app文件夹外部的bootstrap.js加载extjs

时间:2014-07-24 08:34:39

标签: twitter-bootstrap extjs load customization extjs5

我使用sencha cmd构建了extjs 5应用程序,我想在我的自定义hmtl页面中使用它。 我有以下结构:

extjsapp
    .sencha
    app
    build
    ext
    packages
    ......
    bootstrap.js
    bootstrap.json
    app.js
    .......
customapp
    index.html
    script.js

我想要做的是在我的customapp / index.html中我请求bootstrap.js,它应该从extjsapp文件夹加载所有包和ext。默认情况下,它尝试从customapp / ext加载它们,这相对于使用boostrap.js的地方。我如何制作/构建它以便从extjsapp / ext而不是customapp / ext加载ext。

应该可以从任何位置使用bootstrap.js来加载extjs框架和extjs文件夹中内置的所有必需包。

1 个答案:

答案 0 :(得分:2)

app.json文件中,您将看到有关类路径的条目。这用于告诉Sencha Cmd你的源文件在哪里。

同样在该文件中,您将看到有关indexHtmlPath的条目。这表示index.html文件的位置。

/**
 * Comma-separated string with the paths of directories or files to search. Any classes
 * declared in these locations will be available in your class "requires" or in calls
 * to "Ext.require". The "app.dir" variable below is expanded to the path where the
 * application resides (the same folder in which this file is located).
 */
"classpath": "${app.dir}/app",
...
/**
 * The file path to this application's front HTML document. This is relative
 * to this app.json file.
 */
"indexHtmlPath": "index.html",

更改ExtJS库的位置涉及编辑隐藏文件 - .sencha/app/sencha.cfg。那里有一个属性 - ext.dir - 您需要更改。