extjs4学习1
日期：2014-05-16 浏览次数：20284 次
extjs4学习一
?
Extjs4.0解压下文件的说明：
ext-all-debug-w-comments.js：带注释的的完整调试版本。文件比较大，加载时间比较长。
ext-all-debug.js : 不带注释的完整调试版本。文件也比较大，但很适合调试。
ext-all.js ；压缩后的完整版本，文件比较小。使用该版本调试很困难，因此一般在发布产品时才使用。
ext-debug.js ： 该文件只包含ExtJS基础架构和空的结构。使用该文件，可以实现ExtJS类文件的远程加载，而且提供了很好的调试体验，不过代价是相当的慢。
ext.js : ext-debug.js的压缩版本。
通常index.html将使用ext-debug.js文件，这是实现动态加载所需的最低要求。最后，我们再使用ext-all版本获取最好的结果。
面板使用例子：
index.html:
?
<html>
<head>
<title>Account Manager</title>
<link rel="stylesheet" type="text/css" href="ext-4.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-4.0/ext-debug.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body>
</body>
</html>
?
?app.js:
?
Ext.onReady(function(){
Ext.create('Ext.TabPanel',{
renderTo:Ext.getBody(),
title:'test面板',
width:400,
height:100,
activeTab:0,
items:[
Ext.create('Ext.Panel',{
title:'面板1',
height:30,
html:'面板1'
}),
Ext.create('Ext.Panel',{
title:'面板2',
height:30,
html:'面板2'
}),
Ext.create('Ext.Panel',{
title:'面板3',
height:30,
html:'面板3'
})
]
});
});
1 楼
kuangniaokuang
2011-11-24
这个没有了呀app.js
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
