Question

嗨，来自科尔多瓦的所有人！我的问题是以下一个......如何配置我的Ext JS 4文件以便开始工作？ Coz虽然我设法显示一个窗口，但是当我放置时关闭按钮：“closable：true”没有出现，或者例如当我把“frame：true”时，窗口没有显示框架而且标题栏都是白...所以这有点奇怪！我想知道如果有人可以解释我在哪个文件夹中我应该放置所有的css，js和png或jpg文件，以便正确呈现小部件，或者如果有人可以上传一个ext js 4项目的所有文件可以（我会优先考虑整个ext js库）！... 例如：我的项目结构将是：

资源
1. CSS
2. SASS
3. 主题
ExtJS的
1. EXT-全debug.js

的index.html

<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">

<script type="text/javascript" src="extjs/ext-all-debug.js"></script>

<script type="text/javascript">

    Ext.BLANK_IMAGE_URL = 'resources/themes/images/default/tree/s.gif';
    Ext.onReady(function() {
        Ext.BLANK_IMAGE_URL =     'resources/themes/images/default/tree/s.gif';
    var win = Ext.create('Ext.window.Window', {
        renderTo: document.body,
        title: 'Hello',
        height: 200,
        width: 400,
        draggable: true,
        frame: true,
        closable: true
        }).show();

    Ext.create('Ext.tab.Panel', {
        width: 400,
        height: 400,
        renderTo: document.body,
        items: [{
            title: 'Foo'
            }, {
            title: 'Bar',
            tabConfig: {
                title: 'Custom Title',
                tooltip: 'A button tooltip'
            }
        }]
     });        
});
</script>

如果有人看到不正确的东西，请告诉我......

Answer 1

sencha网站上提供的内容摘要：

您的项目结构应如下所示：

应用程序名称
- 应用
  - 命名空间
    - Class1.js
    - Class2.js
    - ...
- ExtJS的
- 资源
  - CSS
  - 图像
  - ...
- app.js
- 的index.html

主要关注extjs文件夹。这应该是您从sencha网站收到的文件夹的副本。不要更改里面的文件。

运行extj所需的最小文件数将按以下顺序包含：

<html>
<head>
    <title>Hello Ext</title>

    <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
    <link rel="stylesheet" type="text/css" href="path/to/your/own/css/if/any">
    <script type="text/javascript" src="extjs/ext-debug.js"></script>
    <script type="text/javascript" src="your/own/js.js"></script>
</head>
<body></body>
</html>

就是这样！你已经准备好Rock'n Roll！

而不是ext-debug.js，您可以使用ext-all-debug.js - 此文件包含整个Ext JS库。这有助于缩短初始学习曲线，但在大多数情况下，ext-debug.js是实际应用程序开发的首选。

安装Ext JS 4 - 放置文件的位置？

1 个答案: