Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Extjs 安装Ext JS 4-将文件放在哪里?_Extjs_Rendering_Installation - Fatal编程技术网

Extjs 安装Ext JS 4-将文件放在哪里?

Extjs 安装Ext JS 4-将文件放在哪里?,extjs,rendering,installation,Extjs,Rendering,Installation,来自科尔多瓦的大家好!。我的问题如下。。。如何配置我的Ext JS 4文件以便开始工作?。因为虽然我设法显示了一个窗口,但当我输入:“closable:true”时,关闭按钮不会出现,或者例如,当我输入“frame:true”时,窗口不会显示一个框架,标题栏是白色的。。。所以这有点奇怪!。我想知道是否有人可以解释我应该把所有css、js和png或jpg文件放在哪个文件夹中,以便正确呈现小部件,或者是否有人可以上传一个包含所有文件的ext js 4项目(我更喜欢整个ext js库)!。。。 例如:

来自科尔多瓦的大家好!。我的问题如下。。。如何配置我的Ext JS 4文件以便开始工作?。因为虽然我设法显示了一个窗口,但当我输入:“closable:true”时,关闭按钮不会出现,或者例如,当我输入“frame:true”时,窗口不会显示一个框架,标题栏是白色的。。。所以这有点奇怪!。我想知道是否有人可以解释我应该把所有css、js和png或jpg文件放在哪个文件夹中,以便正确呈现小部件,或者是否有人可以上传一个包含所有文件的ext js 4项目(我更喜欢整个ext js库)!。。。 例如:我的项目结构是:

  • 资源

  • css
  • 无礼
  • 主题
  • extjs

  • ext-all-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>
    
    
    Ext.BLANK_IMAGE_URL='resources/themes/images/default/tree/s.gif';
    Ext.onReady(函数(){
    Ext.BLANK_IMAGE_URL='resources/themes/images/default/tree/s.gif';
    var win=Ext.create('Ext.window.window'{
    renderTo:document.body,
    标题:“你好”,
    身高:200,
    宽度:400,
    真的,
    框架:对,
    closable:对
    }).show();
    Ext.create('Ext.tab.Panel'{
    宽度:400,
    身高:400,
    renderTo:document.body,
    项目:[{
    标题:“富”
    }, {
    标题:“酒吧”,
    选项卡配置:{
    标题:“自定义标题”,
    工具提示:“按钮工具提示”
    }
    }]
    });        
    });
    
    如果有人看到不正确的地方,请告诉我


  • 网站上提供的内容摘要:

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

    • appname
      • 应用程序
        • 名称空间
          • Class1.js
          • Class2.js
      • extjs
      • 资源
        • css
        • 图像
      • app.js
      • index.html
    主要关注extjs文件夹。这应该是您从sencha网站收到的文件夹的副本。不要改变里面的文件

    运行extjs所需的最小文件数应按以下顺序包括:

    <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>
    
    
    你好,分机
    
    就这样!你准备好摇滚了


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

    只需查看sencha学习页面或您从软件包中获得的大量示例……首先。。。谢谢你的回答!。好。。。我直截了当地说。。。我已经这样做了,但我还没有把他们的权利,因为这一切似乎没有正确地呈现。。。我看过很多例子并分析了代码以查看包含了哪些文件,但我没有得到结果。。。如果我给你我的电子邮件,你会给我的收件箱发送一个项目吗?。。。同时,我正在使用Ext JS 3.3.1,但我想离开它,开始使用Ext JS 4,因为它有更多的功能…我想我设法解决了这个问题。。。但还有一个细节。。。当我如前所述显示窗口时,右上角的关闭图像不会渲染。。。而且,当我把框架设为false时,框架并没有消失。。。谢谢你写了这么多!!!是吗?…这很简单,因为我的项目名为“ExtJS v4.0 Practica Final”,我把“index.html”和“ExtJS”文件夹与js文件以及我从Sencha获得的资源文件夹放在一起。。。但是。。。有个小问题我不想解决。。。ExtJS4太棒了!。。。祝福!