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